implement-design
用于在没有原生 Figma 设计转代码技能的运行时中实现 Figma 设计。适用于 Figma 链接或选中节点；若已有 figma-design-to-code 技能应优先使用。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-30 00:12
前端与建站
11,292 个结果
tanstack-router-best-practices
一组用于在 React 应用中实施或审查 TanStack Router 的本地规则，覆盖类型安全路由、数据加载器、搜索参数与导航等 15 条最佳实践，每条规则含说明、反例与推荐示例。
vercel-react-best-practices
由 Vercel 维护的 React 与 Next.js 性能优化指南，含 8 大类共 64 条规则，按影响程度排序，用于自动重构与代码生成。适用于编写组件/页面、实现数据获取、审查性能问题、重构现有代码及优化打包体积与加载时间。
web-design-guidelines
用于审查 UI 代码是否符合 Web Interface Guidelines 的技能，可按需获取最新指南、读取指定文件并逐条检查，输出 file:line 格式的问题清单。
react-useeffect
基于 React 官方文档整理的 useEffect 最佳实践技能，指导开发者在编写或审查 useEffect、用 useState 处理派生值、数据获取或状态同步时正确使用 Effect，避免不必要的副作用。
audit
audit 是一个面向实现代码的技术质量审计技能，从无障碍、性能、主题化、响应式设计与反模式五个维度检查并生成评分报告（总分 20 分），按 P0-P3 严重级别记录问题，只记录不修复。
frontend-design
frontend-design 是一个用于生成独特、生产级前端界面的设计技能，强调避免通用 AI 审美，注重排版、配色、布局、动效与交互细节，并要求先确认设计上下文再动手实现。
kiso
Kiso 是面向 Rails 的可访问 UI 组件库，基于 ERB partials、Tailwind CSS、class_variants 与 tailwind_merge 构建，灵感来自 shadcn/ui 和 Nuxt UI，适配 Rails + Hotwire，用于创建界面、定制主题和构建表单。
vueuse-functions
面向 Vue.js / Nuxt 项目的 VueUse 组合式函数使用指南技能：把开发需求映射到最合适的 VueUse 函数，按正确调用规则实现，优先用组合式函数替代自定义代码，使实现更简洁、可维护、性能更好。
frontend-slides
Frontend Slides 是一个用于创建零依赖、动画丰富的 HTML 演示文稿的技能，可从零生成或转换 PowerPoint 文件。生成的演示文稿为单个 HTML 文件，内联 CSS/JS，直接在浏览器中运行，无需 npm 或构建工具。
frontend-design-extractor
从任意前端代码库中提取可复用的 UI/UX 设计系统，涵盖设计令牌、全局样式、组件、交互模式与页面模板；不涉及业务逻辑，框架无关。
syncfusion-vue-form-builder
Syncfusion Vue Form Builder 是面向 Vue 3 的可视化表单设计器技能指南，用于创建、配置和扩展基于 Syncfusion Form Builder 的可编辑表单。它通过拖拽字段到画布、在属性面板中配置字段、预览结果并导出 schema，生成由 schema 驱动的表单定义，供 Form Renderer 使用。该技能覆盖 Vite + Vue 3 项目搭建、插件注册与主题引入、schema 初始表单加载、工具箱分类与自定义模板、属性面板操作、预览与 JSON 导出导入、表单全局设置，以及校验、条件、表达式、依赖下拉、动态范围、远程数据和 Data Grid 字段等 schema 行为。适合需要设计表单而非仅渲染表单的场景；若主要任务是渲染已完成 schema、处理提交值或配置渲染器表单动作，则应使用 Vue Form Renderer 技能。
syncfusion-vue-form-renderer
Syncfusion Vue Form Renderer 是一个基于 JSON schema 驱动的 Vue 表单渲染组件技能指南，用于在 Vue 3 应用中生成、排查和扩展表单。表单的字段定义、布局、校验、动态行为和提交动作全部由单一 JSON schema 声明。适用于创建 Vue 3 应用并安装该组件包、定义表单属性与布局、添加必填/正则/长度/自定义校验、根据前序答案显示或隐藏字段、构建级联下拉、用 minMaxRange 约束数值或日期范围、用 expressionValue 计算派生值、处理提交/重置/自定义按钮动作、以及用自定义 Vue 模板替换内置控件等场景。
production-pipelines
TanStack Markdown 的生产流水线检查清单，用于审计并发布具备明确信任边界、外部语法高亮、预解析缓存与兼容性校验的 Markdown 渲染管线。
navigation3-main-tab
面向 Kotlin Multiplatform 或 Android Compose 项目的技能，用 Navigation 3 的 SceneStrategy 实现底部标签栏管理：通过固定 key 的 MainTabScene 保持 NavigationBar 不重建，仅切换内容，并支持无 metadata 时回退到普通场景策略。
next-intl
next-intl 是面向 Next.js App Router 的国际化（i18n）库，用于为 Next.js 应用添加多语言支持。它可处理语言区域路由、消息翻译、日期与数字格式化，并同时适用于服务端组件和客户端组件，支持用于复数和变量的 ICU 消息语法。
sveltekit
协助使用 SvelteKit 构建全栈 Web 应用，涵盖基于文件的路由、服务端渲染、表单 action 与部署适配器。
gpui-components
用于生成遵循 Zed 编辑器模式的 GPUI 桌面 UI 组件 Rust 代码的技能，覆盖组件编写、主题化、自动补全菜单与命令面板等任务，基于 gpui 与 gpui-component 库。
react-senior-review
面向 React 单个功能的资深架构审查技能。按结构边界、状态与数据流、性能渲染、类型表单可测性与无障碍、样式架构与动效五个维度给出按严重级排序的问题清单（含 file:line、原因与修复），经用户选择后再实际修改代码。
currency-formatting
一条前端代码审查规则，用于检查数字、价格与日期格式化是否正确使用 Intl API（Intl.NumberFormat、Intl.DateTimeFormat、Intl.Collator），避免硬编码货币符号和千分位分隔符，并显式传入用户区域设置。
empty-links
前端检查清单中的无障碍规则“empty-links”，用于发现并修复空链接与失效链接。屏幕阅读器会把无文本的链接只读作“link”，用户无法判断去向，因此每条链接都必须有可访问名称。
error-images
前端检查清单中的图像错误处理规则，用于审查图片资源、标记与 CDN/构建转换，确保图片加载失败时有优雅回退，避免出现破损图标，并建议记录错误以便监控排查。
event-delegation
前端检查清单中的一条规则：对动态内容使用事件委托。该规则建议在父容器上挂载一个监听器，而非为大量子元素逐个绑定事件，并用 event.target.closest() 识别目标，从而减少内存与性能开销，并让动态添加的元素自动生效。
file-upload-accessibility
用于检查模板、服务端渲染 HTML 或共享组件中文件上传是否具备无障碍性，属于前端检查清单中的 HTML 规则：要求文件输入框有标签、标明文件类型与大小限制、提供可访问的上传进度与错误反馈，并让拖拽区支持键盘操作。