pick-library
一个仅在用户明确询问前端任务该用哪个库或依赖时触发的技能，从一份精选清单中给出唯一推荐，并先读取 package.json 与锁文件判断是否已安装。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-29 00:09
前端与建站
11,276 个结果
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
nuxt-ui
Nuxt UI 是基于 Reka UI、Tailwind CSS 与 Tailwind Variants 的 Vue 组件库，提供 125+ 可访问组件，支持 Nuxt、Vue (Vite)、Laravel 与 AdonisJS (Inertia)，可用于构建界面并定制品牌主题。
frontend-skill
frontend-skill 是一个前端设计技能，用于在制作落地页、网站、应用、原型、演示或游戏 UI 时强化视觉表现。它强调克制的构图、图像主导、清晰层级与少量有意义的动效，目标是产出有意图、高级且当下的界面。
base-ui-react
Base UI React 是一个面向 React 应用的技能，用于实现、重构、审查或解释 @base-ui/react 组件库。它覆盖从引入组件、选择合适原语、封装组合、样式移植、表单接线、动效、版本迁移到代码审查的完整工作流，并强调无障碍、状态管理与回归检查。技能按需加载参考文档，并在编辑前检查本地依赖版本与样式栈，适用于使用 Base UI 构建或维护 React 界面的开发场景。
accessibility-wcag
依据 WCAG 2.2 标准强制实现无障碍的 AI 技能，适用于创建 UI 组件、审查前端代码或检测到无障碍问题时，涵盖语义 HTML、键盘访问、ARIA 与颜色对比等规则。
next-js-16-launchpad
面向 Next.js 16 的项目启动与迁移技能，涵盖 Turbopack、Cache Components、proxy.ts、App Router 与 React 19，帮助搭建、升级和构建 Next.js 16 应用。
next-js-patterns
面向 Next.js App Router、Server Actions 与路由的项目实践与模式集，说明页面、布局、导航、数据获取、字体优化与元数据的约定。
nextjs-optimization
用于优化 Next.js 15 应用性能、Core Web Vitals 与生产最佳实践的技能，聚焦 App Router 模式，覆盖渲染策略、图片与字体优化、数据获取、打包体积、SEO、生产配置与监控。
architecture-diagram
生成专业深色主题系统架构图的技能，输出为内联 SVG 的独立 HTML 文件，无需外部工具、API 密钥或渲染库，浏览器直接打开即可离线查看。基于 Cocoon AI 的 architecture-diagram-generator（MIT）。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
alibabacloud-website-probe
阿里云 AIOps 技能：通过公共拨测平台 boce.aliyun.com 进行多地域网站可用性探测与全国多运营商网络测试，支持 HTTP、DNS、Ping、MTR、traceroute，无需账号或云凭证，单轮约 30-40 秒返回结果。
ant-design-x
Ant Design X 2.x 使用指引，用于在 antd 之上构建 AI 对话与 Copilot 界面，涵盖流式消息状态、工具结果渲染与 X Markdown。目标版本 @ant-design/x@^2 + antd@^6 + @ant-design/cssinjs，不适用于无 AI 流程的通用 antd 问题或后台 CRUD 脚手架。
scrollcraft-layout
ScrollCraft Layout 是一套把静态网站改造成多层、滚动驱动体验的设计方法，源自 Nate Herk 的 Claude 设计技能视频。核心是让滚动与页面变化对应，保留原有文案与品牌，只改变内容的展开方式。
frontend-design
这是一个前端设计技能，用于在构建网页组件、页面或应用时，生成独特且达到生产级质量的前端界面，避免常见的AI同质化审美，强调鲜明的设计方向与精细的视觉实现。
file-to-markdown
基于 Apache Tika 的技能，用于把几乎任意文件（PDF、Office、HTML、邮件、压缩包、图片、音视频等 1000 多种格式）解析为 Markdown 及元数据，可通过 tika-app 命令行或 tika-server 的 curl 接口在智能体工作流中逐个读取文件。
artifacts-builder
Artifacts Builder 是一套用于创建复杂、多组件 claude.ai HTML 工件的工具集，基于现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）。它通过初始化脚本生成配置完整的 React + TypeScript 项目，开发完成后可将全部代码打包为单个自包含 HTML 文件，直接在 Claude 对话中作为工件展示。
design-to-production
将 HTML 设计原型转换为生产级 React 组件的引导式工作流，支持玻璃拟态（glassmorphism）样式与质量标准校验。适用于实现设计稿、原型转生产、HTML 转 React 等场景。
oms-uitripled
uitripled 的 react-shadcn 变体技能，通过 shadcn 兼容注册表以复制源码方式安装 171 个动画 React 组件、区块与页面，基于 React 19、Next.js 16、TypeScript、Tailwind CSS 4 与 Framer Motion。
uitripled
UITripled 是一套基于 TypeScript 与 Framer Motion 的动画 React 组件库，提供覆盖 shadcn/ui、Base UI、Carbon 三种设计系统的 177 个组件，通过 uitripled CLI 安装，可用于快速搭建带交互动效的界面。
landing-page
这是一个用于从客户网站和内容文档（PDF、Word 等）中提取品牌与内容，生成可部署响应式落地页的 Claude 技能，强调图片是内容、CSS 独立存放、不虚构内容，并给出防 AI 套话的规范与六阶段工作流。
browser-viz-verify
用于验证 NetClaw 生成的浏览器可视化 HTML 文件是否真正正确渲染：在无头 Chrome 中打开本地文件、截图、读取控制台报错，可选运行 Lighthouse 审计，并给出明确判定结果。
block-creator
在 Studio 本地站点内创建、编辑、构建和审查自定义 WordPress Gutenberg 区块插件的技能，是该类工作的单一入口。
theme-creator
用于在本地 Studio 站点上创建现代 WordPress 区块主题的技能（Skill）。它指导生成 theme.json、style.css、functions.php、templates 与 parts 等必需文件，并规定区块主题的实现规则、落地页与模板结构、验证与激活流程。