nextjs-patterns
Next.js 15 App Router 模式参考，用于前端页面、API 路由、服务端组件、客户端组件与中间件；涵盖文件结构、数据获取、Server Actions、NextAuth 集成及加载与错误状态。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-21 00:11
前端与建站
10,941 个结果
story-check
story-check 是一个用于剧本与故事评估的技能，围绕 12 个关键故事问题检查概念、主题、观众反应、开头、结尾、冲突升级、角色、主角、动机、反派、过度解释与可信度，并输出通过/失败评估、关键问题与建议行动。
diagram-generation
用于生成自包含 HTML 架构图的技能，适合在 PR、任务计划或架构说明中可视化代码变更、数据流与设计决策。输出带暗色 GitHub 主题与“复制为图片”按钮的 HTML 文件。
ai-elements
AI Elements 是面向 Vercel AI SDK 模式的 AI 界面组件合集，共 35 个 UI 组件，分为聊天、代理、多代理与开发工具四类，可通过 shadcn 注册表安装，用于快速搭建聊天界面、工具调用与推理展示、多代理面板及调试视图。
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，强调高设计质量，避免常见的“AI 味”审美。适用于构建 Web 组件、页面或应用，要求使用真实可运行代码并注重美学细节。
motion
面向 React 的 Motion（原 Framer Motion，motion@13）UI 动画技能，用于构建、审查、调试、迁移或规划界面动效，覆盖 motion/react、AnimatePresence、布局与手势动画等。
writing-react-effects
一个指导编写 React 组件的技能，核心是避免不必要的 useEffect。适用于创建或审查 React 组件、重构 effect，以及代码用 useEffect 处理本可在渲染期推导的状态时。
falcondev-form
@falcondev-oss/form 是一个基于 @vue/reactivity 的框架无关表单状态库，接收 Standard Schema（如 zod v4、arktype）与响应式 sourceValues，返回带字段访问器树的响应式表单句柄，分 form-core、form-react、form-vue 三个包。
usability
一套前端可用性设计技能，覆盖启发式评估、转化优化、表单设计、错误处理，并按 ISO 9241 与 Nielsen 启发式将可用性视为可衡量的质量标准。
lime-echart
lime-echart 是面向 UniApp/UniAppX 项目的 ECharts 图表技能，提供图表创建、配置、数据可视化与交互指导，覆盖 H5、小程序和 App 多端，含折线图、柱状图、饼图等示例与 API 参考。
tailwindcss-effects
该技能用于在 Tailwind CSS v4.3 中为元素添加阴影、透明度、滤镜、背景滤镜（玻璃拟态）与 mask-* 遮罩效果，并涵盖组合效果、响应式与暗色模式变体、@theme/@utility 扩展及浏览器支持说明。
frontend-slides
frontend-slides 是一个用于生成零依赖、动画丰富的 HTML 演示文稿的技能，可从零创建或转换 PowerPoint 文件。该技能已被 goose-graphics 取代，保留一个发布周期后移除。
igniteui-angular-theming
用于 Ignite UI for Angular 的 Sass 主题生成与定制技能，覆盖调色板、字体排印、阴影层级、组件级样式及布局控件，并借助 Ignite UI Theming MCP 服务器生成生产可用的主题代码。
validate-ui
用于在用户真实浏览器中通过 kimi-webbridge 驱动前端，验证其是否符合验收清单：点击、输入、提交、刷新，并断言屏幕上可见的状态。不新建无头浏览器或测试框架，结果是人工可见的验收证据。
research-backed-frontend-development
一个面向所有前端、UI 与 UX 任务的研究驱动型技能，要求先调研同类产品与权威设计规范，再确定方向并实现，最后实际运行界面检查效果。适用于组件、样式、交互、无障碍、评审等场景。
vercel-react-best-practices
Vercel React Best Practices 是由 Vercel Engineering 维护的 React 与 Next.js 性能优化指南技能，用于编写、审查或重构 React/Next.js 代码时参考。该技能包含按影响程度排序的 8 大类共 70 条规则，覆盖消除异步瀑布、包体积优化、服务端性能、客户端数据获取、重渲染优化、渲染性能、JavaScript 性能以及高级模式。每条规则以独立文件形式提供，包含问题说明、错误代码示例与正确代码示例，可用于指导自动化重构与代码生成。
react-best-practices
来自 Vercel Engineering 的 React 性能优化指南技能，针对纯 React 19.2 定制，含 7 大类共 30 条按影响优先级排序的规则，用于在编写、审查或重构 React 代码时主动参考，指导自动化重构与代码生成。
fixing-accessibility
fixing-accessibility 是一个用于审查和修复 HTML 无障碍问题的技能，覆盖 ARIA 标签、键盘导航、焦点管理、颜色对比度和表单错误等。可在对话中应用无障碍约束，或对指定文件按规则逐条报告违规、原因与具体修复建议。
tailwind
Tailwind 技能说明：在前端功能开发中始终使用 Tailwind CSS 进行样式编写，遵循项目既有约定，使用 v4 版本与 CSS-first 配置，避免已废弃工具类。
wix
这是一个用于管理 Wix 网站的 API 技能。当用户提及 Wix、wix.com、wixsite.com、分享 Wix 链接或 Wix 站点，或询问 Wix CMS 时，可以使用该技能。它通过 Wix 的 REST API 提供了站点信息查询、CRM 联系人管理、博客文章管理和 Wix Stores 商店数据查询等能力，请求需携带 WIX_TOKEN 访问令牌，所有接口均要求站点已安装 VM0 应用。
screwfast
ScrewFast 是一个基于 Astro 5 的着陆页、博客与文档一体化模板，配合 Tailwind CSS 4、Preline UI、GSAP 动画以及 Starlight 文档系统构建。它适合需要快速搭建现代化营销落地页、内容博客与产品文档的开发者，提供从克隆、安装、构建到部署的完整工作流，默认使用 npm 作为包管理器，开发端口为 4321，构建输出到 dist 目录。
html-to-breakdance
该技能用于把原始 HTML/CSS 转换为 Breakdance 原生元素树，通过 respira_convert_html_to_builder 的 Breakdance 专用流程实现，复用站点 Breakdance Variables 而非内联值。仅适用于启用 Breakdance 的站点，需 Respira for WordPress 8.6.32+ 与 MCP server。
deep-linking-for-flutter-web
本技能介绍如何在 Flutter Web 应用中实现正确的 URL 导航，包括深链接到指定页面、处理受保护路由以及自定义转场。内容以分步教程形式展开：从创建 flutter_deep_linking 项目、更新 pubspec.yaml 开始，逐步创建首页与 main.dart，接着通过 lib/plugins/navigator 下的 web.dart、unsupported.dart 与 navigator.dart 获取用户在地址栏输入的 URL，并借助条件导入适配 Web 编译；然后创建 lib/ui/router.dart 用路由器接管 MaterialApp 的路由，移除 home 字段，默认进入“/”；再添加 account、settings、about 多个页面，验证 /about、/account、/settings 等路径跳转；随后将浏览器前进后退按钮接入导航；最后演示动态路由，例如 /account/40 传入动态 ID。教程附带最终源码仓库与在线演示链接，并说明所用包基于 fluro 的 fork 版本，待相关 PR 合并后可改用常规包。
frontend-ai-guide
frontend-ai-guide 是来自 shinpr/claude-code-workflows 的前端 AI 开发指南技能，针对 React/TypeScript 项目的技术决策标准、反模式检测、调试与前端质量门禁。它提供一套价值优先的工程原则：在确认范围内解决经证实的问题，避免引入无必要证据支撑的 state、props、变体或抽象；按用户决策、prop、state、变体及组件路径综合评估总复杂度，优先以更低总复杂度复用既有机制。同时收录代码质量与设计两类反模式清单（如单组件多职责、重复定义、注释禁用代码、错误吞没、类型断言替代保证等），以及失败优先（Fail-Fast）的兜底设计原则、代码重复与通用化判定标准、五类常见失败模式及规避方法、质量检查工作流（lint/format、类型检查、构建、行为测试）、排障提示、技术决策时机（抽象时机、性能与可读性、组件粒度）、按风险分级的实现完整性影响分析流程，以及未使用代码删除规则。使用方式为在开发与评审环节作为规则参考。