web-artifacts-builder
Anthropic 官方技能库中的 web-artifacts-builder，用于借助 React 和 Tailwind 构建复杂的 claude.ai HTML 工件，是发布富交互、可嵌入工件的参考工作流。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-03 00:11
前端与建站
11,402 个结果
wpds
WordPress 官方设计系统技能，用于在主题和站点中应用 WordPress 官方设计令牌、排版与组件模式。资料来自 WordPress 开发团队，属于设计系统类。
react-performance-optimization
这是一个指导 React 应用性能优化的技能，涵盖记忆化、代码分割、虚拟化和高效渲染策略，适用于排查渲染缓慢、包体积过大、大型列表卡顿等问题。
page-mascot
page-mascot 是一个 React 组件技能，用于在页面上放置会跟随光标转头的 Q 版吉祥物，点击时会有反应。它提供 52 个已绘制角色，也可生成新角色。角色由方向表与表情表两张精灵图组成，靠移动 background-position 切换，无需逐帧 JavaScript 或动画库。
nuxt-ui
Nuxt UI 是基于 Reka UI、Tailwind CSS 与 Tailwind Variants 的 Vue 组件库，提供 125+ 无障碍组件，可用于 Nuxt、Vue（Vite）、Laravel 与 AdonisJS 项目，并支持主题与品牌定制。
ui
Nuxt UI 是基于 Reka UI、Tailwind CSS 与 Tailwind Variants 构建的 Vue 组件库，提供 125+ 可访问组件，支持 Nuxt、Vue（Vite）、Laravel 与 AdonisJS（Inertia），可用于搭建界面并按品牌定制主题。
dynamo-troubleshoot
用于诊断 Dynamo 部署失败或不健康状态的排障技能，通过只读方式收集 Pod、事件、Job、PVC 与 DynamoGraphDeployment 信息，将故障归类并给出下一步命令或补丁。
tao-finetune-cosmos-reason
NVIDIA TAO 的 Cosmos3 微调技能，通过共享前端路由 Cosmos Framework 与 Cosmos-RL 两个后端，校验模型、视频数据集与 SLURM 运行时输入，覆盖训练、评估与导出流程。
ccstate
说明 ccstate 的响应式值、命令、HTTP 状态处理以及异步任务和 DOM 生命周期的使用边界。
screenshot-to-code
将截图、设计稿、Figma 导出或 UI 照片还原为可运行前端代码的技能，默认输出 React + Tailwind CSS v4，也支持 Next.js、Vue 或纯 HTML/CSS。
nuxt
Nuxt 是基于 Vue 的全栈框架，提供 SSR、文件路由、自动导入与模块系统，以 Nitro 为服务端引擎支持 Node.js、无服务器与边缘平台部署。该资料基于 Nuxt 5.x，介绍目录结构、配置、路由、数据获取、服务端路由、渲染模式与模块等内容。
nuxt-content
用于构建类型化、内容驱动的 Nuxt 应用，基于 @nuxt/content。适用于处理 content.config.ts、collections、queryCollection、Markdown 或 MDC 等场景。
nuxt-seo
Nuxt SEO 是一个 Nuxt 元模块，集成 robots、sitemap、og-image、schema-org 等 SEO 能力，用于配置站点 SEO、生成站点地图与动态 OG 图片、添加结构化数据。
nuxt-ui
Nuxt UI 是基于 Reka UI、Tailwind CSS 与 Tailwind Variants 的 Vue 组件库，提供 125+ 无障碍 Vue 组件，可用于 Nuxt、Vue（Vite）、Laravel 与 AdonisJS（Vite + Inertia），适合构建界面与定制主题。
reka-ui
Reka UI 是无样式、可访问的 Vue 3 无头组件原语库，前身为 Radix Vue，遵循 WAI-ARIA 规范，常用于从零构建无样式组件或作为 Nuxt UI、shadcn-vue 的底层。
tresjs
TresJS 是用于 Vue 3 的 Three.js 框架，用声明式组件封装 Three.js 对象来构建 3D 场景。核心包 @tresjs/core 必备，@tresjs/cientos 提供控制器、加载器、材质等辅助，@tresjs/post-processing 提供后期特效。
vue
Vue 3.5 技能文档，聚焦 Composition API、script setup 宏、响应式系统与内置组件，用于编写 Vue 单文件组件及 defineProps、defineEmits、defineModel 等用法。
vueuse
VueUse 是 Vue 组合式 API 的实用工具集合，提供大量开箱即用的 composables，覆盖状态持久化、DOM 元素监听、浏览器能力、传感器、网络、动画、组件交互、响应式数组、时间处理与通用工具等方向。当前稳定版本为 VueUse 14.x，要求 Vue 3.5+。安装方式：Vue 3 项目执行 pnpm add @vueuse/core；Nuxt 项目执行 pnpm add @vueuse/nuxt @vueuse/core，并在 nuxt.config.ts 中注册 @vueuse/nuxt 模块，模块会自动导入 composables，无需手动 import。编写自定义 composable 前建议先查阅 VueUse，因为大多数常见模式已有现成实现。它适合在 Vue 3 与 Nuxt 项目中快速实现鼠标位置追踪、localStorage 管理、网络状态检测、防抖节流、共享单例 composable 等需求。使用时需注意 SSR：许多 composable 依赖浏览器 API，服务端不可用，可通过 isClient 判断、在 onMounted 中调用，或选用内部已做 SSR 兼容的 composable；@vueuse/nuxt 会自动处理 SSR，在服务端返回安全默认值。
frontend-skill
Frontend Skill 是面向视觉导向前端任务的技能，适用于落地页、网站、应用、原型、演示或游戏 UI。它强调克制的构图、图像主导、清晰层级与少量有意义的动效，目标是做出有意图、高级且当下的界面。
openakita/skills@frontend-design
openakita/skills@frontend-design 是一个前端设计技能，用于构建具有独特审美、生产级可用的前端界面，避免千篇一律的“AI 感”设计，适合用户要求创建网页组件、页面或界面时使用。
openakita/skills@theme-factory
Theme Factory 是一个为演示文稿、文档、报告、HTML 落地页等产物应用统一主题样式的工具包，内置 10 套预置字体与配色主题，也可根据描述生成自定义主题。
openakita/skills@web-artifacts-builder
用于构建复杂、多组件交互式 HTML 工件（artifact）的前端工具套件，基于 React、Tailwind CSS 与 shadcn/ui。通过初始化项目、开发代码、打包为单一 HTML 文件并在对话中展示工件，适用于 claude.ai 前端工件制作。
openclaw-carapace
Carapace 是 OpenClaw 应用 UI 的共享设计基础与视觉原语，提供语义令牌、主题、共享 CSS 与消费者适配器，帮助在不同框架中统一界面表现。
shadcnui
shadcn/ui 是一套基于 Radix UI 与 Tailwind CSS 构建的组件集合，采用复制粘贴到项目中的方式使用，而非传统依赖式组件库。本技能收录了从官方仓库提取的完整 shadcn/ui 文档，包含 201 个 MDX 文件（约 1.4MB），覆盖安装配置、CLI 命令、组件 JSON 配置、主题定制、排版设置，以及 50 多个组件的说明（如 Accordion、Alert、Button、Calendar、Card、Data Table、Dialog、Form、Select、Table、Tabs、Toast、Tooltip 等），并包含图表（Recharts 集成）、表单（React Hook Form、Tanstack Form、Zod）、数据表格、暗色模式、Figma、图标等进阶内容。文档还提供 Next.js、Vite、Remix、Astro、Laravel、Gatsby、React Router、Tanstack Router 等框架的集成指南，以及注册表与分发、MCP 集成、更新日志、常见问题、RTL 支持等开发者资源。其核心理念是让开发者拥有组件代码，可完全控制样式与行为，并基于 Radix UI 保证可访问性，通过 CSS 变量实现主题化，且框架无关。