reactbits
ReactBits 技能可搜索、浏览并安装 ReactBits.dev 上的动画 React 组件（135+ 个），通过 MCP 工具列出分类与组件、关键词搜索、获取完整源码及用法示例，并按 Tailwind、CSS、TypeScript 风格集成到项目。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-27 00:15
前端与建站
11,180 个结果
web-accessibility
依据 WCAG 2.1 指南实现网页无障碍（a11y）的技能，适用于构建可访问 UI、修复无障碍问题、编写屏幕阅读器友好表单、模态框焦点管理、键盘操作与合规审查，支持 React、Vue、Svelte 等框架，默认达到 WCAG AA 级别。
frontend-design
frontend-design 是一个用于创建高品质前端界面的技能，旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考，明确界面要解决的问题、目标用户、审美方向和技术约束，并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景，引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择，最终输出可运行的真实代码（如 HTML/CSS/JS、React、Vue 等）。使用时应根据美学愿景匹配实现复杂度：极繁主义设计需要更精细的动画与效果，极简或精致设计则需要克制、精准和对间距、排版与细节的关注。
ant-design-pro
Ant Design Pro 5.x 企业级中后台开发指引，覆盖布局、路由菜单、访问控制与 ProComponents（ProTable/ProForm）的 CRUD 标准化，适用于基于 antd@^6 与 @ant-design/pro-components 搭建管理后台。
dn-checkout
dn-checkout 是 dn CLI 中的命令，用于在默认浏览器中打开 WordPress.com 结账页面，适合在把域名加入购物车后完成域名购买。仅支持用户模式，合作伙伴模式下会返回错误。
creating-themes
用于从零创建 WordPress 区块主题的技能指南，在生成主题文件前加载，涵盖 theme.json、style.css、模板与模板部件、区块模式、字体自托管及落地页章节编排等规则。
intlayer-vue
在 Vue.js 与 Nuxt 应用中集成 Intlayer 国际化能力的技能。可按用户要求完成 Vue i18n 配置，并使用 useIntlayer 组合式函数读取词典内容。
vercel-react-best-practices
面向 React 与 Next.js 的性能优化规则集，源自 Vercel Engineering，含 8 大类共 57 条按影响优先级排序的规则，用于编写、审查或重构 React/Next.js 代码时参考。
busirocket-nextjs-route-handlers
面向 Next.js App Router 的 Route Handler 编码技能：指导如何编写薄而可维护的 route.ts，校验请求输入、返回标准化 JSON 响应，并明确 Server/Client 组件边界。
busirocket-react-components-and-hooks
面向 React 代码库的组件与 Hook 结构规范技能，用于编写或重构 .tsx 组件、抽取 Hook、判断客户端与服务端组件，并规定文件、类型与工具函数的分层边界。
busirocket-react-state-management-zustand
面向 React 应用的 Zustand 状态管理技能，提供全局状态、模态框可见性、跨组件通信与避免 prop drilling 的约定式规则。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
react-best-practices
React 组件与状态管理最佳实践技能，强调显式状态归属与数据流：可推导的值不入 state，可变状态放在最小共享所有者，用条件挂载、函数式更新与受控 effect 保证组件可预测，并覆盖渲染、副作用、数据加载与表单约定。
building-mewui-apps
用于创建 MewUI 应用的技能，涵盖项目初始化、窗口、主题与控件用法。适合在新建 MewUI 项目、了解应用生命周期或使用常见控件时参考。
rendering-mewui-elements
MewUI 自定义控件渲染技能：讲解如何通过 IGraphicsContext 在 OnRender 中绘制形状、文本与图像，并说明三阶段布局管线、文本测量、图形后端选择与失效重绘机制。
mosaic
Mosaic 是 Clerk JavaScript 仓库中的 UI 技能，涵盖用 StyleX 编写样式组件，以及按 model→controller→view 分层构建交互流程，并提供迁移与测试等参考文档。
cometchat-native-bare-patterns
面向裸 React Native CLI 项目的 CometChat 集成技能，涵盖依赖安装、iOS 的 pod install 与 Info.plist 权限、Apple 隐私清单、Android 清单权限与 Maven 仓库，以及 index.js 与 App.tsx 的 Provider 链接线。
cometchat-native-components
CometChat React Native UI Kit v5 组件目录技能，提供各组件的名称、props、slot 视图、请求构建器、隐藏开关与样式结构，供开发前查阅，避免凭记忆臆造组件或属性。
cometchat-native-core
CometChat React Native UI Kit v5 的基础技能，说明在 React Native 上初始化、登录与渲染的基础规则，需与框架（expo/bare）及布局技能配合使用。
carbon-icons
Carbon Design System 图标在 React 组件中的使用规范：统一从 @carbon/icons-react 导入，禁止手写内联 SVG 或从 Figma 提取图标，并规定尺寸、颜色、对齐与触控目标等要求。
Frontend_Design_System
将 UI 样式需求转化为生产级前端代码的技能，支持设计令牌、可访问性合规与创意执行，默认技术栈为 React 加 Tailwind 加 shadcn/ui。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
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 交付的场景。
svelte-migrate-html-to-spa
该技能名为 svelte-migrate-html-to-spa，来自 dawiddutoit/custom-claude，公开资料仅含占位说明，未提供实际功能、用法或适用场景。