html-tailwind-css-and-javascript-expert-rule
一个让 AI 以 HTML、Tailwind CSS 与原生 JavaScript 专家身份工作的技能规则，强调代码清晰易读，并要求遵循最新版本特性和最佳实践，附带强制的记忆记录流程。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
前端与建站
10,910 个结果
avue-form
Avue-form 是面向 Vue 的表单组件库技能，提供安装配置、表单选项与列定义、校验、事件、方法、自定义组件及动态表单等指导，并附按官方文档结构组织的示例、模板与 API 参考。
nextjs-supabase
Next.js 全栈应用模板，使用 Supabase 作为后端数据库，包管理器为 npm，可克隆仓库后配置环境变量并运行开发或构建命令。
frontend-security-coder
前端安全编码技能，专注 XSS 防护、输出净化与客户端安全模式，用于动手编写安全的前端代码、配置 CSP、做安全 DOM 操作与修复客户端漏洞。
svelte-layerchart
用于构建 Svelte LayerChart 图表的技能，涵盖 tooltip 片段、Chart 上下文访问、渐变、高亮、坐标轴及 Svelte 5 snippet 写法。安装依赖 layerchart 与 d3-scale。
controller-react
用于在 React/Next.js 应用中将 Cartridge Controller 与 starknet-react 集成的技能文档。涵盖依赖安装、Provider 配置、连接钱包组件、动态登录按钮、交易执行、外部钱包方法及 Vite 配置，并提供本地 Katana 开发链与会话策略示例。
angular-css-bem-best-practices
面向 Angular 的 BEM CSS 方法论指南，帮助编写可复用组件与可共享的前端代码。包含 6 条规则，覆盖块名与组件选择器对应、最多两级嵌套、深层时拆分组件、元素命名、修饰符用法及避免级联选择器，并配有 CSS/SCSS/SASS 正反示例。
sf-multiframework
面向 Salesforce Multi-Framework 的技能，用于以 UIBundle 元数据形式构建、审查、迁移和部署 React 或 Angular 前端应用，涵盖 Data SDK、GraphQL、测试与授权部署等参考资料，并说明适用的组织版本与限制。
performance-optimization
面向全栈性能优化的技能文档，覆盖数据库、缓存、前端、Core Web Vitals 与性能剖析，帮助排查应用变慢、包体过大、API 响应超时等问题，并给出性能目标、诊断命令与优化模式参考。
ai-daily-news
从 smol.ai RSS 抓取 AI 行业新闻，用内置 Claude 能力智能摘要与分类，输出结构化 Markdown，可选生成主题网页与分享卡片图片。支持相对/绝对日期查询、分类筛选，无需额外配置。
create-html-carousel
将 LinkedIn 轮播帖生成为 1080×1080 方形 PNG 图片的技能：先生成 HTML 幻灯片，再用 Playwright 截图导出，适合制作信息型多图帖子。该技能已被 goose-graphics 取代，仅保留一个发布周期。
vercel-react-best-practices
来自 Vercel Engineering 的 React 与 Next.js 性能优化指南技能，包含 8 大类共 62 条按影响优先级排序的规则，用于在编写、审查或重构 React/Next.js 代码时指导自动化重构与代码生成。
qiaomu-heavyskill
HeavySkill 是一个多智能体推理流水线：K 个隔离子智能体独立推理，由 Codex 主持审议，Claude 渲染 Markdown、HTML 与 PDF 报告。适用于需要多视角深度分析的复杂问题。
building-components
一份用于构建现代、可访问且可组合 UI 组件的技能指南，覆盖组件分类、无障碍、组合 API、设计令牌、样式、类型、状态管理与发布分发等主题，适合在开发新组件或建立组件体系时参考。
experiments
针对 n8n 编辑器前端 packages/frontend/editor-ui 实验功能的开发指南，覆盖实验的创建、扩展、接入、测试、审查与下线，涉及 PostHog 相关遥测。
slidekit-templ
将 PDF 演示文稿按视觉复现方式转换为 HTML 幻灯片模板的技能。流程为 PDF 经 pdftoppm 转成幻灯片截图，再由 Claude 逐张读取图片并编写对应 HTML，最终生成 001.html、002.html 等文件及 print.html。
react-best-practices
来自 Vercel Engineering 的 React 与 Next.js 性能优化指南技能，含 64 条规则，按影响程度分为 8 类，用于编写、审查或重构 React/Next.js 代码时参考。
url-to-code
URL To Code 是一个把线上 URL 克隆为可运行、纯前端本地应用的技能，要求先完整采集源站桌面与移动端证据，再本地重建并做设计 QA。仅适用于用户拥有或获授权重建的站点。
nextjs-best-practices
面向 Next.js 全栈开发的最佳实践技能，覆盖 App Router、Server/Client Components、数据获取与缓存、API 路由与 Server Actions、性能与安全等规则，并按优先级在冲突时先解决高优先级问题。
material-design-3
Material Design 3（又称 Material You）是 Google 最新的设计系统，强调个性化、无障碍与现代化 UI 模式。本技能为现代 Web 与 Angular 应用提供 Material Design 3 的完整指导，涵盖动态配色、基于令牌的主题系统、排版、高度与形状等核心概念，并给出在 Angular Material 中定义主题、使用颜色令牌、实现明暗主题切换与自定义组件的代码示例，同时包含最佳实践、常见问题排查以及从 Material Design 2 迁移的要点。
frontend-development
前端开发专家技能，用于前端页面开发。当用户需要开发 Web 应用、创建 UI 组件、实现交互功能或优化前端性能时使用。涵盖的技术栈包括框架 React、Vue、Next.js、Nuxt，样式方案 Tailwind CSS、CSS Modules，状态管理 Redux、Zustand、Pinia，构建工具 Vite、Webpack。最佳实践包括组件化设计（可复用组件）、响应式（移动优先）、性能（代码分割与懒加载）、可访问性（ARIA 标准）以及类型安全（TypeScript）。能力范围包括组件开发（React/Vue）、状态管理、路由配置、API 集成、性能优化，以及使用 Jest、Playwright 进行测试。触发词为“前端开发”“创建组件”“React 应用”“Vue 项目”“UI 优化”。
alterlab-cobrapy
COBRApy 是用于基因组尺度代谢模型约束重建与分析的 Python 库，可执行通量平衡分析（FBA）、通量变异分析（FVA）、基因与反应敲除、通量采样、生长培养基优化、产量包络与缺口填充等系统生物学仿真。
react-use-hooks
react-use-hooks 是一份面向 React 项目的决策与实现指南，帮助开发者把需求映射到 react-use 库中最合适的 Hook，并按正确调用规则使用，从而以更简洁、可维护、性能更好的方式实现功能，而非自己手写重复逻辑。
update-ui-inventory
用于在新增或移除 UI 组件后，更新组件清单与设计系统文档的维护型技能。适用于添加组件、代码评审指出清单不一致、组件清单 CI 检查失败，或合并增删组件的 PR 之后。