pulsar-haptics
用于在 React Native、iOS、Android、Kotlin Multiplatform、Flutter 与 Web 上实现、迁移、设计、审查和排查 Software Mansion Pulsar 触觉反馈的技能，强调依据已安装包与匹配版本证据编写代码。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-16 00:02
前端与建站
10,150 个结果
hono-jsx
Hono JSX 是 Hono 框架内置的服务端 JSX 渲染器，用于在服务端生成 HTML。它支持异步组件、基于 Suspense 的流式渲染、自动 head 提升、错误边界、Context API，并且没有客户端 hydration 开销。适用于构建服务端渲染页面、邮件模板、静态 HTML、流式大响应以及多页应用（MPA），不适合交互式单页应用（SPA）。
threejs-dev-setup
面向 three.js 项目的安装与工具链配置技能，覆盖 npm 安装、Vite/Webpack/Rollup 打包、裸 ESM import map 与 TypeScript 设置，以及 three/addons 导入路径与模块解析问题的排查。
gpui
GPUI 框架知识技能，按任务加载参考文件，覆盖动作与快捷键、异步与后台任务、上下文管理、自定义元素、实体状态、事件订阅、焦点导航、全局状态、布局样式、ElementId 与测试等主题。
syncfusion-blazor-multicolumn-combobox
Syncfusion Blazor MultiColumn ComboBox 组件的实现指南，用于在下拉框中以多列网格展示结构化数据，支持筛选、选择、分页、虚拟化、分组与自定义样式，可绑定本地或远程数据，适用于表单选单、员工、商品、地点、账户等选择场景。
react-web
React Web 是一个面向 React 前端开发的技能，强调测试优先（Test-First Development）的工作流，并整合 Hooks、React Query、Zustand 等常用技术栈。它规定了组件与 Hook 的开发顺序：先编写测试文件、运行测试确认失败、再编写最小实现使测试通过、最后重构。技能涵盖项目结构、组件模式、状态管理、路由、样式、表单、测试、性能优化与反模式等内容，并给出大量代码示例。适用于使用 React 构建 Web 应用的开发场景，帮助保持可测试性与代码组织规范。
explain-diff
explain-diff 是一个技能，用于把 git diff、分支或拉取请求转换成自包含的 HTML 教学页面，包含背景、直觉、代码与测验四个部分。
semantic-html
semantic-html 是一份编写语义化 HTML 的智能体技能，用于创建组件、页面结构或审查标记时强调使用原生元素、地标结构与无障碍。
migrate
migrate 是一个用于规划并执行 Astro 迁移的技能：可将其他框架项目、静态站点迁移到 Astro，或在 Astro 大版本之间升级，尽量减少回归。
react-native-best-practices
React Native 性能优化指南技能，覆盖 FPS、重渲染、TTI、包体积、内存泄漏、动画与原生模块，基于 Callstack 优化指南，按优先级组织并附带参考文档与测量命令。
react-navigation
React Navigation 是一个用于构建 React Native 应用导航界面的技能指南，提供堆栈、标签页、抽屉、底部表单等 UI 模式的参考文档。该技能仅适用于 React Navigation 7，涵盖 API 选择（对象式 Static API 与组件式 Dynamic API）、头部配置、安全区域处理等主题，并附带 stacks.md、form-sheet.md、bottom-tabs.md、native-bottom-tabs.md、material-top-tabs.md、drawers.md、header.md、safe-areas.md 等参考文件，帮助开发者按问题快速定位对应文档。
web-artifacts-builder
web-artifacts-builder 是 Anthropic 提供的工具套件，用于使用现代前端技术栈（React、Tailwind CSS、shadcn/ui）创建结构复杂、多组件的 claude.ai HTML artifact。它通过初始化脚本搭建 React 项目，开发完成后利用打包脚本将全部 JavaScript、CSS 和依赖内联为单个自包含的 HTML 文件，从而可直接在 Claude 对话中作为 artifact 分享。项目内置 40 多个 shadcn/ui 组件和完整的 Radix UI 依赖，并预置路径别名、Tailwind 主题系统与 Parcel 打包配置，同时兼容 Node 18 及以上环境。该工具还提供设计与风格指南，提醒避免过度居中布局、紫色渐变、统一圆角和 Inter 字体等常见 AI 生成风格。适合需要构建较完整交互式前端界面并作为单个 HTML 交付的场景。
figma
Figma MCP 技能用于将 Figma 设计稿转换为生产代码：通过 Figma MCP 服务器获取设计上下文、截图、变量与资源，并把 Figma 节点翻译为项目代码。适用于设计驱动的实现流程。
nextjs-16-complete-guide
Next.js 16 完整指南，系统讲解 Next.js 16 的新特性、破坏性变更以及从 v15 的迁移方法。内容涵盖 Cache Components 与 "use cache" 显式缓存、默认稳定启用的 Turbopack 打包器、proxy.ts 替代 middleware.ts 的网络层架构、DevTools MCP 的 AI 辅助调试集成，以及稳定版 React Compiler 自动记忆化。适合新建 Next.js 项目或从 v15 升级时参考，帮助开发者理解缓存粒度、异步 API 变更、Node.js 版本要求等迁移要点。
frontend-designer
Frontend Designer 是一个面向前端设计师与开发者的技能，用于构建可访问、响应式且高性能的前端组件。它强调以无障碍优先（WCAG 2.1 AA）、移动优先响应式、性能默认、组件驱动和设计系统对齐为核心原则，提供按钮、卡片、表单输入等组件的实现模式，以及设计令牌（CSS 自定义属性）、响应式布局、无障碍模式、性能优化和现代 CSS 技术等参考内容，并支持 React、Vue、Svelte 等框架模式。
bmap-jsapi-gl
百度地图 JSAPI WebGL（BMapGL）开发指南，覆盖地图初始化、覆盖物、事件、样式、图层、路径规划与检索等模块的 API 说明和代码示例，帮助开发者集成高性能 3D 地图应用。
wds-docs
Wix Design System 组件参考技能，用于在使用 @wix/design-system 构建 UI 时查找组件、属性与示例，并提供图标检索与像素到 SP 间距换算指引。
threejs-helpers
three.js 调试与可视化辅助对象技能，涵盖 AxesHelper、GridHelper、CameraHelper、灯光辅助、SkeletonHelper、包围盒与法线辅助等，用于坐标轴、网格、相机视锥、阴影相机、灯光方向、骨骼与网格检查的可视化调试。
mui-base
面向无样式 React 组件库开发的 MUI Base UI 风格规范技能，含 5 大类共 48 条按优先级划分的规则，用于构建 headless 组件、上下文组合组件与无障碍 ARIA 基础组件。
flexlayout-react
FlexLayout-React 是一个面向 React 的高级停靠式布局管理器，提供拖拽、标签页、分隔条和复杂窗口管理能力，可构建 IDE 级别的可自定义界面。它支持面板拖拽重排、带关闭/最大化/最小化的标签页、可调整大小的分隔条、边框停靠区域、布局持久化（保存/恢复）、程序化布局控制以及 TypeScript 支持。安装方式为 npm install flexlayout-react。适用于仪表盘、IDE、管理后台等需要灵活、用户可自定义布局的界面。
threejs-node-tsl
three.js 节点着色技能，覆盖 Nodes API、NodeMaterial 系列与 TSL（Three.js Shading Language），用于以节点图替代字符串 GLSL 构建材质与后处理，并配合 WebGPURenderer 使用。
accelint-react-best-practices
accelint-react-best-practices 是一个面向 React 性能优化与最佳实践的 AI 技能，来源为 gohypergiant/agent-skills。它主要帮助 AI 代理和 LLM 在编写、重构 React 代码时避免反模式，例如不要在组件内部定义组件、不要在 useEffect 中使用对象或数组依赖、不要用 useState + useEffect 同步派生状态、不要在 SSR 组件中直接使用仅客户端状态、避免在 memoized 组件上内联回调或对象 props、不要在 useEffect 中放入用户交互逻辑等。该技能还强调在提出 memo/useMemo/useCallback 优化前，先判断项目是否使用 React Compiler，以及是否真的存在性能问题。它采用渐进式披露结构，先阅读 AGENTS.md 概览，再按需加载具体规则文件，涵盖重渲染优化、渲染性能、高级模式等内容，并提供审计报告模板和检测反模式的辅助脚本。
syncfusion-angular-grid
Syncfusion Angular Grid 组件的实现指南，用于构建功能丰富的数据表格与网格，涵盖数据绑定、排序、筛选、分组、编辑、导出、虚拟滚动等能力，并提供 TreeGrid 与 Grid 的选型建议及关键 API 规则说明。
create-html-app
用于创建或更新 Hubble HTML App 的技能：在文件夹内生成单个 .html 文件，作为自包含交互界面运行，默认使用 Alpine、Tailwind 浏览器版与 Hubble 主题令牌，并通过 hubble.files 读写工作区 Markdown 文件。