react-server-components-framework
面向 Next.js 15 App Router 的 React Server Components 技能，提供组件边界、数据获取与缓存、Server Actions、流式渲染、高级路由等模式、模板与最佳实践，帮助构建服务端优先的现代 React 应用。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-25 00:14
前端与建站
11,088 个结果
tailwind-v4
Tailwind CSS v4 的 CSS 优先配置与设计令牌实践指南，涵盖 Vite 插件接入、@theme 指令、OKLCH 颜色、主题变量与暗色模式等要点，适合搭建或迁移 Tailwind v4 项目时参考。
vercel-react-best-practices
由 Vercel 工程团队维护的 React 与 Next.js 性能优化指南技能，包含 8 大类共 65 条按影响优先级排列的规则，用于在编写、审查或重构 React/Next.js 代码时指导自动化重构与代码生成。
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 交付的场景。
react-component-architecture
一份关于现代 React 组件架构的实践指南，涵盖 hooks、组合模式与 TypeScript 类型设计，讲解组件设计原则、复合组件、渲染属性、自定义 Hook、多态组件、Props 模式、性能优化与文件结构。
browser-use
browser-use 是一套浏览器自动化命令行工具，可导航网站、点击元素、填写表单、截图、提取数据、管理 Cookie，并支持持久会话、多会话并行、真实 Chrome 配置、云浏览器和本地隧道。本条目仅据给定资料整理。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
frontend-design-extractor
从现有前端代码库提取可复用 UI/UX 设计规范：设计令牌、全局样式、组件目录、交互模式与页面模板，排除业务逻辑。提供扫描脚本和输出骨架脚本，支持新建项目或重构现有项目两种模式，框架无关。
frontend-dev
frontend-dev 是一个前端开发技能，通过编排设计工程、动效系统、AI 生成素材、说服性文案与生成艺术五类能力，构建完整可上线的前端页面。以 /frontend-dev <request> 方式调用，支持 React/Next.js、Vue/Nuxt、Svelte、Astro 与纯 HTML。
impeccable
Impeccable 是一套用于创造独特、生产级前端界面的设计技能，强调先收集设计上下文再动手，避免泛 AI 审美。适用于构建网页组件、页面与交互界面，并提供排版、配色、动效、响应式、文案、审查与设计系统化等参考文件。
pencil-to-code
pencil-to-code 可将 Pencil .pen 设计稿导出为 React/Tailwind 代码，专注于设计转代码这一件事，输出 React 组件与 Tailwind 主题配置，也支持 Vue、HTML 等目标框架。
react-native-dev
React Native 与 Expo 开发指南，覆盖组件、样式、动画、导航、状态管理、表单、网络、性能优化与部署，适合构建可上线移动应用。
smooth-browser
Smooth Browser 是供 AI 智能体操作网页的浏览器工具，通过 Smooth CLI 以自然语言完成任务，可用于导航网站、填写表单、登录认证、抓取数据和执行网页测试。需预先安装并配置 API key。
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 交付的场景。
web-design
面向生产级界面的 CSS 实现模式技能，覆盖布局、排版、配色、间距与响应式设计，以代码示例为主，与侧重设计基础的 ui-design 互补。
tailwind-class-sorter
Tailwind CSS 工具类排序技能：把杂乱的 Tailwind 类名按布局、间距、尺寸、排版、颜色与背景、边框与效果六层顺序整理，输出稳定可读的类字符串，可处理原始类名、HTML/JSX 元素，帮助统一代码风格。
adsense-audit
用于按 Google AdSense 计划政策系统审计网站的合规技能，可定位拒批原因（如“低价值内容”）并给出按优先级排列的整改清单，适用于申请前自查或收到拒批后排查。
google-maps-contact-extract
该技能通过浏览器自动化从 Google Maps 搜索结果和地点详情页提取商家联系方式，并访问商家网站收集邮箱、电话和社交媒体账号，最终合并为结构化数据集。
mui
MUI v7（Material-UI）组件库使用模式技能包，涵盖 sx prop 样式、主题集成、响应式设计及 MUI 专用 hooks，适用于使用 MUI 组件、主题定制与断点响应式布局的开发场景。
infopage
infopage 是一个用于生成单文件 HTML 信息页的技能，适合快速制作参考页、对比页、清单或任何想在浏览器中查看的数据。页面风格朴素可读、无多余装饰，采用暖色衬线排版与固定调色板，可直接在浏览器打开。
exa-personal-site
一个通过 Exa 搜索个人网站与博客的技能，调用 MCP 工具 exa-search__web_search_advanced_exa 并固定 category 为 personal site，用于查找个人观点、作品集、教程与独立博客，支持域名、日期、文本和内容等过滤参数。
frontend-qa-gate
frontend-qa-gate 是用于前端产物验收的技能，聚焦「真实浏览器里是否真的能用」，检查响应式视口、交互状态、无障碍、浏览器覆盖与性能预算五域。它只输出 PASS/FAIL/BLOCKED 与证据，不做评分，放行权归人类，代码级问题转交代码审查。
cometchat-react-nextjs
用于把 CometChat React UI Kit v6 集成进 Next.js 项目（App Router 或 Pages Router）的技能，通过 @cometchat/skills-cli 完成检测、脚手架、安装与验证，并借助 CometChat 文档 MCP 查询 SDK 细节。
levien-native-ui-mastery
一份以 Raph Levien（Druid、Xilem、Vello 架构师）风格构建原生 UI 的技能指南，强调声明式响应式架构、视图/控件/渲染三棵同步树、增量更新、Adapt 节点状态切片、id 路径事件路由与 GPU 优先渲染。