figma-to-gutenberg
该技能用于把 Figma 画板重建为 WordPress 区块编辑器页面，无需页面构建器。它会读取 Figma 节点树（图层、自动布局、文本、颜色、图片），将各节点映射为核心 Gutenberg 区块，并把该画板的调色板注册到站点全局样式中，最终写入草稿，不影响线上内容。适用于 WordPress 6.6+ 站点（含区块主题）。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
前端与建站
10,917 个结果
arcgis-starter-app
ArcGIS Starter App 是一个用于搭建 ArcGIS Maps SDK for JavaScript 应用的技能（skill），基于 TypeScript 与 Vite。它提供两种脚手架方案：一是用于快速原型开发的最小化配置，二是包含完整工具链的生产级配置（含 ESLint、Prettier、Git hooks 与 GitHub Actions 工作流）。该技能覆盖 2D 地图与 3D 场景的初始化、Map Components 与 Core API 两种使用方式，并给出 React 19、Angular 等框架的集成示例。使用前需要 ArcGIS 账户（Location Platform、ArcGIS Online 或 ArcGIS Enterprise）、访问令牌以及 Node.js LTS（20+）。
makepad-skills
面向 Rust 应用的 Makepad UI 开发技能集合，覆盖环境搭建、开发模式、着色器、打包与故障排查。该条目本身是目录式入口，需按任务选用已安装的具体技能。
syncfusion-vue-diagram
基于 Syncfusion Vue Diagram 组件构建交互式图表，可用于流程图、BPMN 工作流、UML 图、实体关系（ER）图、泳道、组织架构图与思维导图等可视化场景。
syncfusion-vue-speech-to-text
Syncfusion Vue Speech-to-Text 组件技能，介绍在 Vue 3 应用中集成语音输入与实时转写，涵盖安装配置、语言设置、事件处理、外观定制、本地化及安全注意事项。
syncfusion-vue-themes
Syncfusion Vue 组件主题技能，指导应用内置主题、定制外观、切换深色模式、使用 CSS 变量、配置图标并创建自定义主题，打造一致的 Vue 应用视觉风格。
vercel-react-best-practices
面向 React 与 Next.js 的性能优化规则集，由 Vercel 维护，包含 8 大类共 45 条按影响优先级排序的规则，可用于编写、审查或重构 React/Next.js 代码时参考。
postfx-composer
面向 Three.js 后处理管线的 EffectComposer 架构与配置参考，涵盖多通道渲染、效果排序、自定义 Effect、渲染目标与性能优化，示例基于 @react-three/postprocessing 与 postprocessing。
modern-css
一个面向 AI 代理的现代 CSS 技能，指导代理优先使用原生 CSS 新特性替代旧式 hack、变通方案和 JavaScript，覆盖布局、选择器、颜色、排版、动画与工作流，并按浏览器支持度分级给出使用建议。
html-generator
该技能用于根据设计系统生成品牌化的独立 HTML 组件，并将其组合成单文件 HTML 页面。适合需要将设计令牌、组件目录与品牌标识转化为可转换、可访问、响应式网页的场景。
axiom-combine-patterns
面向 Swift Combine 的实战技能，讲解 Combine 与 async/await 的取舍、AnyCancellable 生命周期与内存泄漏、@Published 与 ObservableObject、常用操作符、Subject 以及两种异步范式的桥接方式。
frontend-excellence
一个与框架无关的前端卓越实践技能，用于交付加载快、可访问、利于搜索且视觉独特的前端界面。它把 Lighthouse 指标、Core Web Vitals、无障碍、SEO、设计规范与多页审计流程整合为原则加具体检查项，并给出按任务和按症状的参考文件路由。
report-with-html
report-with-html 是 daymade/claude-code-skills 中的技能，用于生成面向读者的 HTML 产物，如报告、仪表盘、架构/流程视图、数据浏览器或评审工作台，强调证据支撑与浏览器验证。
perfect-ui
Perfect UI 是一个用于设计并构建视觉风格统一的网页的技能，覆盖图标、插画、3D、文案、布局与动效。落地页与作品集采用专属结构，其他页面类型使用通用结构。强调自定义图标、拒绝 emoji 与图标库，并有反 AI 套路规则。
react-artifacts
用于构建 claude.ai 复杂 React HTML 工件（artifact）的技能：基于 React 18、TypeScript、Vite、Tailwind CSS 与 shadcn/ui，可将多组件应用打包为单个自包含 HTML 文件。
svelte-cli
Svelte 官方命令行工具 sv 的技能说明，用于创建 SvelteKit 项目、添加官方或社区集成、运行类型与可访问性检查、执行版本迁移，以及开发自定义 sv 插件。
nextjs-caching
Next.js 缓存机制的专家指导技能，涵盖 "use cache" 指令、再验证策略、ISR 模式与常见陷阱，帮助开发者正确实现页面与组件级缓存。
tailwind-v4-shadcn
面向 Claude Code 等 AI 助手的技能：在生产环境中用 Vite、React 搭建 Tailwind CSS v4 与 shadcn/ui 项目，内置一套经过验证的配置步骤，并预防 tw-animate-css、重复 @layer base、错误插件语法等已知问题。
jacky-motion
把中文口播稿转成可录屏的 16:9 信息动画 HTML 的技能，采用审稿、分镜、锁风格、生成 HTML、验收、配音录制六阶段流水线，含三处用户确认门，支持手动翻页与 TTS 自动播放录制。
static-spa-conversion
将章节式 Markdown 课程内容或结构化数据集转换为可用的单页应用网站的技能，采用原生 HTML+JS 实现，无需框架和打包工具，数据与渲染分离，使用 localStorage 保存进度。
web-visual-assets
用于为内容完整但缺少图片的网站生成视觉素材的技能，涵盖 Playwright 截图、AI 生成插图、手绘 SVG 与二维码生成四类来源，并规定每个单元 1–3 张插图的覆盖下限与校验流程。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
code-antipatterns
基于 ast-grep 的代码反模式扫描技能，可一次性检测魔术数字、console.log、var、any 滥用、eval/innerHTML 等安全问题，并生成分级报告。它只做机械检测，严重级判断、修复建议与规划由使用者完成。
angular-developer
面向 Angular 开发的技能，用于生成 Angular 代码并提供架构指导，覆盖项目创建、组件、服务、响应式状态、表单、依赖注入、路由、样式动画与测试等主题，并强调先确认项目 Angular 版本、遵循官方风格指南、用 Angular CLI 脚手架，生成后运行 ng build 验证。