shadcn-vue
shadcn-vue 是面向 Vue/Nuxt 的可访问 UI 组件方案，基于 Reka UI 与 Tailwind，通过 CLI 初始化项目并添加组件，支持 Auto Form、数据表格、图表、暗色模式与 MCP 服务器配置。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-30 00:12
前端与建站
11,290 个结果
vite
Vite 是新一代前端构建工具，提供基于原生 ESM 与 HMR 的快速开发服务器和优化后的生产构建。本技能基于 Vite 8 beta（Rolldown 打包器、Oxc 转换器），涵盖配置、插件 API、构建与 SSR、环境 API 及 Rolldown 迁移。
vue
Vue 是一种用于构建用户界面的 JavaScript 框架。本技能条目基于 Vue 3.5，提供使用 Composition API 与 `<script setup lang="ts">` 编写 Vue 单文件组件（SFC）的指导，涵盖 script setup 宏、响应式系统、生命周期钩子、内置组件与指令等主题。适用于编写 Vue SFC、使用 defineProps/defineEmits/defineModel 等场景。内容包含偏好约定、核心能力与功能参考以及组件模板和常用导入示例。
vue-best-practices
这是一个用于 Vue.js 开发任务的规范与最佳实践技能包。它要求以 Vue 3 + Composition API + `<script setup lang="ts">` + TypeScript 作为默认技术栈，强调单一数据源、可预测状态、显式数据流（props 向下、events 向上）以及小而专注的组件划分。技能以“工作流/指令集”的形式组织，要求在编码前先确认架构、规划组件边界，并阅读响应式、单文件组件（SFC）、组件数据流与组合式函数（composables）等核心参考，随后按需引入插槽、内置组件、指令、异步组件、状态管理等可选特性，最后在功能验证通过后再进行性能优化，并以自检清单收尾。适用于需要遵循统一 Vue 工程规范的开发场景。
vue-testing-best-practices
Vue.js 测试最佳实践技能，覆盖 Vitest、Vue Test Utils、组件测试、mock 与 Playwright 端到端测试，针对测试常见陷阱给出对应参考章节。
vueuse-functions
面向 Vue.js / Nuxt 项目的 VueUse 组合式函数选用与实现指南，帮助把开发需求映射到最合适的 VueUse 函数，优先用组合式方案替代自定义代码，使实现更简洁、易维护且性能更好。
modern-css-html
Modern CSS & HTML 是一份现代 CSS 与 HTML 标准参考技能，用于在编写组件、页面、布局、动画、表单、对话框时采用当前原生标准，避免旧式 hack。内容含核心规则与分类参考文件。
webapp
Suna 的 webapp 技能，用于基于内置 Express、Vite、React、Tailwind 与 Drizzle 模板构建全栈 Web 应用，提供模板复制、开发服务器、构建顺序、前后端与存储约定及部署说明。
cfo-briefing
为学区CFO生成每日简报的技能：汇总员工缺勤、部门工单、财政立法与K-12财务新闻，输出终端摘要、HTML邮件（含缺勤信息图）和播客音频。
design-taste-frontend
一套面向落地页、作品集与改版的前端设计技能，强调先读懂需求再定设计方向，提供设计读数、三档设计旋钮、设计系统选型、技术栈与排版颜色规范，以减少AI生成的模板化界面。
gpt-taste
gpt-taste 是一个面向前端设计工程的技能，要求以 Awwwards 级标准生成高创意、动效丰富的页面，通过模拟 Python 随机化打破 LLM 的布局惯性，强制 AIDA 结构、无空隙 Bento 网格、GSAP 动效与严格排版规范。
imagegen-frontend-web
面向前端设计的图像生成技能，用于产出高端、注重转化的网站设计参考图。核心规则是按区块逐张生成横向图片，而非整页拼图，并强调艺术指导、版式变化与可实现性。
markitdown-converter
基于 Microsoft MarkItDown 的文档转换技能，可将 PDF、Office、HTML、CSV、JSON、XML、图片、音频、EPub、ZIP 等转为结构保留的干净 Markdown，并可选做内容分析。适合批量或混合格式文件处理。
starter-kit-upgrade
用于选择性引入 Laravel 官方 starter kit（vue/react/svelte/livewire）上游改进的 Agent 技能。它按功能逐项对比用户仓库与上游现状，让用户自行决定是否采纳，而不做版本升级或自动合并。
artifacts-builder
Artifacts Builder 是一套用于创建复杂、多组件 claude.ai HTML 工件的工具集，基于现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）。它通过初始化脚本生成配置完整的 React + TypeScript 项目，开发完成后可将全部代码打包为单个自包含 HTML 文件，直接在 Claude 对话中作为工件展示。
nuxt-components
nuxt-components 是 leeovery/claude-nuxt 下的一个技能，聚焦 Vue 3 Composition API 与 script setup 下的组件模式。它用于创建组件、理解 script setup 的书写顺序约定以及组织组件目录。资料给出了统一的目录结构划分（Common、Detail、Form、Modals、Nav、Slideovers、TabSections、Tables）以及 script setup 的 15 步编写顺序（导入、Props 与 Emits、Composables、Injections、Refs、Toggles、Reactive props、Computed、Fetch 与查询、Builders、Watchers、Methods、实时监听、Provides、Lifecycles）。这些约定有助于团队保持组件风格一致、职责清晰。资料未提供安装命令、依赖要求、支持的 Nuxt 版本、示例运行方式、价格或授权信息。
nuxt-features
一个 Nuxt 功能模块模式，按领域把业务逻辑拆成 queries、mutations、actions 三层。适用于带筛选的数据获取、带加载状态的 API 变更操作，以及包含 UI 反馈的业务逻辑编排。
unbrowse-browser
Unbrowse Browser 是一个将网站任务路由到 Unbrowse 后端浏览器路径的技能，替代传统像素级自动化。适用于网页检索、数据提取、认证读取、API 发现和可重复的站点操作。
gate-perf
gate-perf 是一个面向网站性能优化的技能，用于提升站点速度、Core Web Vitals 与加载时间。当网站变慢或用户希望加速时使用。
website-replication-skill
网站复刻技能（website-replication-skill）：用于审计竞品、旧版或合作方网站，以行为优先、双向保真的方式复刻产品工作流与功能，而非复制受保护的表达。需浏览器自动化 MCP 支持。
extract-page-data
extract-page-data 是一个基于 Playwright 的网页数据提取技能，可从任意网页抓取截图、设计令牌、Markdown 正文、交互元素地图及完整数据包，用于设计分析、页面重建或内容审阅。首次运行自动安装依赖，只需提供 URL。
figma-make-exporter
用于把 Axhub 页面整理为可导出 Figma Make 资产的目录结构，并通过脚本回写 canvas.fig，最终可下载为“名称.fig”。适用于已有 canvas.fig 的导入项目同步，以及无 canvas.fig 的原生页面补齐导出壳子。
generate-theme
从网页采集设计令牌并生成 DESIGN.md 设计规范文档与 Tailwind CSS v4 主题文件，适用于提取网站主题、导出设计系统或分析页面设计风格。
tool-ui-vue
tool-ui-vue（VTU）是面向智能体工具调用界面的 Vue 3 组件库，基于 Vue 3 + TypeScript + Zod + Tailwind CSS v4，包含 27 个工具类组件、JSON 驱动渲染器与 MCP 服务器，默认中文，支持样式覆盖与 Headless 自定义。