artifacts-builder
用于构建复杂多组件 claude.ai HTML 工件的前端工具套件，基于 React、Tailwind CSS 与 shadcn/ui，通过初始化、开发、打包为单文件 HTML 的流程生成可分享工件。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-03 00:11
前端与建站
11,398 个结果
frontend-design
frontend-design 是一个用于创建高品质前端界面的技能，旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考，明确界面要解决的问题、目标用户、审美方向和技术约束，并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景，引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择，最终输出可运行的真实代码（如 HTML/CSS/JS、React、Vue 等）。使用时应根据美学愿景匹配实现复杂度：极繁主义设计需要更精细的动画与效果，极简或精致设计则需要克制、精准和对间距、排版与细节的关注。
senior-frontend
面向 React、Next.js、TypeScript 与 Tailwind CSS 应用的前端开发技能，提供项目脚手架、组件生成、打包体积分析与性能优化模式，并涵盖可访问性检查清单。
theme-factory
Theme Factory 是一个为幻灯片、文档、报告、HTML 落地页等制品统一套用主题样式的工具包，内置 10 套预设主题，每套包含配色方案与字体搭配，也可按需生成自定义主题。
artifacts-builder
Artifacts Builder 是一套用于创建复杂、多组件 claude.ai HTML 工件的工具集，基于现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）。它通过初始化脚本生成配置完整的 React + TypeScript 项目，开发完成后可将全部代码打包为单个自包含 HTML 文件，直接在 Claude 对话中作为工件展示。
web-design-engineer
一个面向 AI 智能体的网页设计工程技能，用 HTML/CSS/JavaScript/React 产出页面、仪表盘、原型、幻灯片、动画与 UI 稿等浏览器渲染的视觉成品，强调先核实事实、先定设计系统再写代码，并通过 v0 草稿与检查点让用户及时纠偏。
copilotkit-develop
用于基于 CopilotKit v2 构建 AI 功能的开发技能，涵盖聊天界面、前端工具注册、应用上下文共享与智能体中断处理，并附带查询实时文档与源码的 MCP 服务器。
react-core
CopilotKit 的 React 前端核心包 @copilotkit/react-core，用于在 React 应用中挂载 CopilotKit Provider，通过 SSE 以 AG-UI 协议连接运行时，并提供聊天组件与各类交互 Hook。
coss-particles
COSS UI 粒子（Particles）索引技能，收录 54 类组件、共 508 个可直接复制粘贴的 UI 模式，全部构建于 coss 原语之上。适合在实现界面功能时按组件类型和描述检索可复用示例。
customware-support-widget
用于在 Customware React Router 客户端 SPA 模板中接入 Customware 支持聊天组件，以 <customware-chat> 自定义元素提供浮动气泡或整页嵌入两种客服入口，需提供 org-id 与 project-id。
frontend-design
Frontend Design 是一套前端视觉设计护栏技能，用于构建现代、极简、留白充足且非通用化的应用界面。它不负责业务结构，而是在既有领域结构内约束视觉质量，适用于创建或修改 React 等前端 UI 时使用。
uncodixfy
Uncodixfy 是一个用于前端 UI 代码生成的技能，旨在避免生成千篇一律的“AI 风格”界面。它通过列出一系列被禁止的默认 AI 设计模式（如超大圆角、玻璃拟态、渐变、装饰性文案等），并给出“正常”实现标准，引导生成更接近 Linear、Raycast、Stripe、GitHub 风格的人类设计界面。
ui-designer
该技能用于生成风格鲜明、可直接交付上线的前端界面，避免常见"AI 味"设计。适用于构建 Web 组件、页面、应用或界面，强调排版、色彩、动效、空间构图与背景细节的精心打磨，并提供按描述匹配配图的脚本。
3d-web-experience
面向 Web 的 3D 体验构建技能，覆盖 Three.js、React Three Fiber、Spline、WebGL 优化与交互式 3D 场景，适用于产品配置器、3D 模型集成与滚动驱动 3D 等场景。
markitdown
MarkItDown 是微软开发的 Python 工具，用于将多种文件格式转换为 Markdown，便于大语言模型处理。支持 PDF、DOCX、PPTX、XLSX、图片(含OCR)、音频(含转录)、HTML、CSV、JSON、XML、ZIP、EPUB 及 YouTube 链接等，可通过命令行或 Python API 使用。
mui
MUI（Material-UI）v7 组件库模式技能，聚焦于 sx prop 样式、主题集成、响应式设计以及 MUI 专属 hooks。适用于使用 MUI 组件（Box、Grid、Paper、Typography 等）、进行主题定制、响应式布局和样式编写的场景。资料同时列出了 v7 相对 v6 的破坏性变更，如深层导入失效、Modal 的 onBackdropClick 移除、统一 slots 与 slotProps 模式、CSS layers 支持等。
senior-frontend
面向现代前端开发的综合性技能，使用 ReactJS、NextJS、TypeScript 与 Tailwind CSS 构建高性能 Web 应用。提供组件生成、打包分析与项目脚手架三个自动化脚本，并附参考文档。
senior-qa
面向 ReactJS、NextJS、NodeJS 应用的 QA 与测试技能，提供测试套件生成、覆盖率分析与 E2E 测试脚手架三个脚本，并附带测试策略、自动化模式与最佳实践参考文档。
ui-ux-pro-max
UI/UX Pro Max 是一套面向 Web 与移动应用的 UI/UX 设计智能指南，包含 50+ 风格、97 套配色、57 组字体搭配、99 条 UX 准则与 25 种图表类型，覆盖 9 种技术栈，可通过可搜索数据库按优先级给出设计建议。
i18n-expert
i18n-expert 是一个用于在 UI 代码库中搭建、审计和落实国际化/本地化的技能，覆盖 React/TS、i18next 等框架与 JSON 等语言文件，默认目标语言为 en-US 与 zh-CN。
tanstack-query-best-practices
TanStack Query（React Query）最佳实践技能，面向 React 数据驱动应用，覆盖数据获取、缓存、变更与服务端状态同步。按优先级给出查询键、缓存、变更、错误处理、预取、无限查询、SSR 集成等规则，每条规则含原因、反例、正例与适用场景。
tanstack-router-best-practices
TanStack Router 在 React 应用中的最佳实践指南，涵盖类型安全路由、数据加载、搜索参数与导航等规则，按优先级分为关键、高、中、低四档，用于搭建、重构路由与代码组织。
astro-framework
面向 Astro 框架的专家技能，专注岛屿架构、内容驱动网站与混合渲染。适用于编写 Astro 组件、配置水合策略、内容集合、SSR 适配器、Server Islands、会话、视图过渡、i18n 路由与图片优化等任务。
animate
面向 Next.js/React 应用的动画技能，提供 CSS 动画与 Framer Motion 的模式、缓动与时长规范、常见动画实现方式及无障碍与性能注意事项。