nextjs-verify-canary
用于比较同一份 Next.js 复现用例在报告版本与最新 next@canary 上运行结果，判断问题是否已在 canary 修复。需已有可复现且有明确预期与实际观察的前置条件，否则报告阻塞项。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-23 00:13
前端与建站
11,000 个结果
nuxt-agent-ready-best-practices
面向 Nuxt 4 站点的 agent-readiness 实践指南，帮助网站不仅能被 AI 引用，还能被自主智能体实际调用与操作，覆盖 isitagentready.com 扫描项，如 Markdown 协商、API 目录、WebMCP、MCP 服务卡片、OAuth 发现与 DNS-AID。
frontend-design
面向前端界面设计的技能指南，强调为每个项目做出独特、有意图的视觉决策，涵盖配色、字体、布局、动效与文案，并给出避免AI生成感默认套路的自查方法。
react-review
React Review 是一个用于审查 React 组件的技能，可检查最佳实践、性能问题与常见反模式，并给出优化建议，覆盖 React 18+、函数与类组件以及 TypeScript/JavaScript。
templ-components
用于创建可复用 templ UI 组件的技能，涵盖 props、children 与组合模式，适合构建 UI 组件与组件库。提供分级的组件清单、API 设计规则与可复用模式指引。
vercel-react-best-practices
来自 Vercel Engineering 的 React 与 Next.js 性能优化指南技能，包含 8 大类共 57 条按影响优先级排序的规则，用于在编写、审查或重构 React/Next.js 代码时指导自动化重构与代码生成。
identify-page-structure
该技能用于在网页抓取结果中识别页面结构，服务于 AEM Edge Delivery Services 的页面导入流程。它执行两级分析：先划分页面的一级区块（section）边界，再分析每个区块内部的内容序列（content sequence）。技能会调用 page-decomposition 对每个区块生成中性描述，并调用 block-inventory 盘点可用区块，最终输出区块边界、样式、各区块内容序列以及区块清单，供后续 authoring-analysis 技能做创作决策。
web-framework-angular-standalone
面向 Angular 17–19 的独立组件与信号式开发技能，涵盖 standalone 组件、signals、内置控制流、inject() 依赖注入与 resource API，适用于编写或迁移 Angular 组件时加载。
web-i18n-vue-i18n
面向 Vue 3 Composition API 的 vue-i18n 类型安全国际化技能，涵盖 useI18n、管道语法复数、i18n-t/d/n 组件与按需加载语言包，适用于项目引入 vue-i18n 时参考。
web-state-jotai
Jotai 原子化状态管理技能：以自底向上的 atom 组合状态，自动追踪依赖，组件只在其读取的 atom 变化时重渲染。涵盖原始、派生、只写、读写、异步 atom，持久化、数组拆分、Store 与 Provider 作用域及测试隔离。
web-testing-vue-test-utils
Vue Test Utils 使用指南，讲解 mount 与 shallowMount 取舍、wrapper 查询 API、异步 DOM 更新与 flushPromises、组合式函数测试以及 global 挂载选项，用于编写稳定的 Vue 组件测试。
web-ui-headless-ui
Headless UI 是 Tailwind Labs 推出的无样式无障碍 UI 组件库，只提供交互行为与 ARIA、键盘导航、焦点管理等能力，不附带任何外观，所有视觉通过 className 与 data-* 属性自行控制。v2 为复合组件写法，仅支持 React。
zoom-video-sdk-react-native
面向 React Native 应用的 Zoom Video SDK 技能，用于构建自定义移动端视频会话体验。涵盖初始化、事件监听、加入会话、辅助模块调用、离开与清理的完整生命周期，以及令牌化加入和事件驱动状态管理。
landing-page-editor
用于对工作区落地页（杂志式 /w/:slug 页面）的 HTML 进行增量编辑、更新与迭代。当只需改排版、布局、文案或换图而不想整页重新生成时，直接编辑并写回 HTML。
electron
介绍 Electron 跨平台桌面应用开发框架的知识技能，涵盖进程模型、IPC 通信、安全配置、打包发布、自动更新与后端集成等主题，并提供架构说明、代码要点与生产检查清单。
shadcn-ui
shadcn/ui 是基于 Radix UI 原语与 Tailwind CSS 的组件库，提供组件安装、定制、主题与常见模式，适用于使用 Tailwind CSS 的项目。
zustand
Zustand 是 React 的轻量级状态管理方案，用于简单的全局状态管理，涵盖 store、action 与持久化。资料给出基础 store、异步 action、selector、persist 与 devtools 中间件用法，以及反模式、排错、测试与安全检查清单，并说明服务端状态、Vue、表单状态等场景不宜使用。
process-flow-diagram
用于生成深色主题、自包含 HTML+SVG 的流程流程图技能，适合线性顺序工作流，如业务流程文档、自动化流程、审批流与决策树、多步骤操作手册等；不适用于非顺序关系图（如系统组件图、基础设施拓扑）。
pyqt-widgets
面向 PyQt/PySide6 的 QtWidgets 使用指南，涵盖显示、输入、按钮与容器控件的常用属性、信号和布局管理，并给出布局、控件创建与状态管理的最佳实践，适合构建桌面 GUI 时查阅。
middleware-protection
middleware-protection 是一个 Next.js 中间件路由保护技能，通过集中式中间件一次性检查认证，以声明式方式保护路由，支持公开路由、受保护路由和基于角色的访问控制，并提供 FastAPI 的 Python 实现参考。
form-builder
用于在 React 中构建无障碍、类型安全表单的技能，基于 React Hook Form、Zod 与 @hookform/resolvers，适用于联系、注册、登录、结账等表单场景，支持表单校验与提交处理。
component-refactoring
Component Refactoring 是一个用于重构高复杂度 React 组件的技能。当组件的圈复杂度超过 50 或代码行数超过 300 时，可作为重构候选。它提供经过验证的重构模式与工作流，包括提取自定义 Hook 以分离 UI 与状态/逻辑、拆分单体 JSX 为子组件、用查找表与守卫语句简化条件逻辑、集中管理模态框状态等。适用于代码拆分、Hook 提取、清理等场景，帮助降低组件复杂度并保持功能不变。
tui-divider
tui-divider 是一个生成 Divider（u-divider）像素级 ASCII TUI 的技能，按 TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN 四类固定输出块产出布局属性与 Pencil 规范，并附批量设计计划。
tui-fab
tui-fab 是一个生成 Fab 组件 ASCII 文本界面（TUI）的技能，输出严格固定的四个区块：TUI_RENDER、COMPONENT_SPEC、PENCIL_SPEC 与 PENCIL_BATCH_DESIGN，并生成可供 Pencil MCP 使用的规范与批量设计计划（每次调用不超过 25 个操作）。