nan-extract-web-design-system
从公开或经明确授权的网页 URL 抓取渲染后的 DOM、CSS、网络请求与多视口截图证据，并生成 DESIGN.md、DTCG 设计令牌与 tokens.css 的设计系统提取技能。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-31 00:15
前端与建站
11,329 个结果
copycapy
CopyCapy 是一个网站克隆技能：输入目标网址后，它会深度爬取整站页面、截图并提取 DOM 结构与设计令牌，再重建为可复用、可换品牌的 Next.js 模板代码库。
material-design-3
面向现代 Web 与 Angular 应用的 Material Design 3（Material You）设计系统知识技能，涵盖动态配色、令牌化主题、组件、排版、高度与形状等规范，用于实现或从 M2 迁移到 M3。
wordpress-master
WordPress Master 是一个专注于 WordPress 开发与架构的技能，覆盖自定义主题与插件开发、性能优化、安全加固、多站点管理、WooCommerce 电商方案、Headless WordPress 以及企业级扩展。它面向从简单站点到可承载数百万访客的企业平台的构建需求，强调性能、安全、可扩展性与整洁代码，并遵循 PSR-12 编码规范。该技能可协助审计现有 WordPress 基础设施、分析性能瓶颈与安全漏洞、规划缓存与 CDN 架构，并完成开发、测试与部署。
clone-audit-mrlv3nl4
用于审计网站克隆或重实现工作区的技能，检查视觉还原度、追踪脚本、源品牌与语言残留、占位内容及外部依赖风险，并输出基于证据的部署就绪报告。
contact-widget
一个自包含的悬浮聊天联系人组件，输出为单个零依赖 HTML 文件，含欢迎首页、社交链接、预约按钮与消息输入框。纯前端、无追踪、可离线运行，输入框默认需自行对接后端。
visual-explainer
Visual Explainer 是一个生成自包含 HTML 页面以可视化解释系统、代码改动、计划与数据的技能，支持架构图、流程图、表格、幻灯片等；适合需要图表代替 ASCII 输出的场景。
overdrive
Overdrive 是一个前端界面增强技能，用于通过着色器、弹簧物理、滚动驱动揭示和 60fps 动画等技术手段，把界面体验推向常规极限。适合视觉营销页、功能性 UI、性能敏感界面与数据密集界面，要求渐进增强与可访问性。
react-vite-best-practices
面向 React + Vite 项目的性能优化规则集，包含构建优化、代码分割、开发体验、资源处理、环境配置与包体分析共 6 类 23 条规则，供编写、审查或优化 React 组件时参考。
web-design-guidelines
基于 Vercel Labs Web Interface Guidelines 的 UI 代码审查技能，运行时联网获取最新规则并逐条对照，输出简洁的 file:line 结果。
embed-three-ws-avatar
embed-three-ws-avatar 是一个用于在任意网站嵌入 three.ws 实时动画 3D 虚拟形象（GLB）的技能，基于 <agent-3d> Web Component，无框架依赖，支持纯 HTML、React、Vue、Svelte、Angular、WordPress、Webflow、Shopify、Framer 和 Notion 嵌入。
claat-writer
根据项目源码、README、配置与日志等素材，撰写可由 Google Codelabs 的 claat 转为 HTML 的 manual.md 手顺书。以完全不懂该领域的中学生为读者假设，强调事实准确、每步可验证、日语自然，并用 claat-tools lint 校验后交付。
30x-outreach
30x Outreach 是一套端到端冷启动外联引擎技能，可自动抓取企业网站并结合创始人访谈建立业务画像，支持多 ICP 目标管理、线索获取与验证、竞品情报监控、邮件序列撰写与专家评分，以及人工审核后发送。
system-atlas
System Atlas 是一个用于构建可探索等距架构图谱的技能：以单一数据文件 data.mjs 为唯一编辑源，生成交互式等距地图 atlas.html 与文本孪生 SYSTEM.md，适合在架构讨论、评审与多轮反馈中可视化系统并跟踪开放问题。
nuxt-fonts
@nuxt/fonts 是一个 Nuxt 字体处理模块，用于自动解析、下载并自托管网页字体。当前版本 0.14.0。资料涵盖其内置字体提供商、配置项、API 变更与最佳实践，可辅助调试与修改。
api-design
NVIDIA Elements 的组件 API 设计技能，提供属性、特性、CSS 自定义属性、插槽与事件等设计规范；适用于设计或修改组件 API 前查阅对应指南，避免不可能状态，并规范组件组合、注册、打包与导出。
tailwind-design-system
Tailwind CSS v4 设计系统架构技能，讲解 CSS-first 的 @theme 配置、品牌/语义/组件三级令牌层级、OKLCH 颜色、CVA 组件变体、响应式与无障碍模式，并给出 v3 到 v4 的迁移对照。
tanstack-router
TanStack Router 基于文件的路由方案，用于管理路由、参数、搜索参数、导航、加载器、鉴权守卫、布局、嵌套路由与重定向。
tanstack-table
基于 TanStack Table 与 React Aria Components 构建数据表格的技能，适用于创建表格、实现排序、筛选、分页、行选择等场景。
lovable
Lovable 是一个通过命令行工具连接并操作 Lovable 项目的技能，支持读取、创建、编辑和部署 Web 应用与项目，可把产品需求转化为可运行的网站或原型，并检查现有项目。
messenger_read
Messenger Companion 技能，用于在用户明确授权下操作用户个人 Messenger 账户：读取通话记录、联系人与会话，搜索和总结消息，以及发送、回应、撤回或编辑消息。仅通过 hatch_messenger_cli 命令行工具访问，不直接读取本地存储。
svelte-code-writer
面向 Svelte 5 的 CLI 工具集，通过 @sveltejs/mcp 提供文档查询与代码分析，用于创建、编辑或分析 .svelte 组件时获取文档并检查常见问题。
svelte-core-bestpractices
一组面向现代 Svelte 代码的编写规范与最佳实践指导，强调使用 runes 模式写出快速、健壮的组件，覆盖 $state、$derived、$effect、$props、事件、snippets、样式与上下文等主题，并列出应避免的旧式写法。
svelte-vitals
svelte-vitals 是一个面向 SvelteKit 项目的静态检查工具，用于检查 SEO、性能、正确性、安全、架构与无障碍等模式，可在编写或审阅路由与组件后运行并修复报告的问题。