harden
harden 是 WordPress 技能集中的一个界面加固技能，用于提升界面在错误处理、国际化、文本溢出与边界情况下的健壮性，让界面在真实数据与异常场景下仍可用，而非只在理想数据下正常。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-27 00:15
前端与建站
11,179 个结果
html-to-generateblocks
将 HTML/CSS 布局转换为 GenerateBlocks V2 区块格式的技能，样式以内联属性写入区块，输出为独立 HTML 文件，便于粘贴进 WordPress。
just-html
用于构建可放入任意现有页面的自包含、即贴即用 HTML 组件（如首屏、定价表、功能网格、用户评价、页脚等），且不与页面原有样式和脚本冲突。组件以单个代码块输出，包含内联的 style、section 与必要的 script，无外部依赖、无样式碰撞，适合粘贴到 WordPress 自定义 HTML 区块、Bricks 代码元素、GenerateBlocks 容器或原生 PHP 模板中。
md-section
用于把任意 HTML 布局转换为 WordPress 区块编辑器标记的技能：以 marketers-delight/section 区块为核心容器，配合核心区块组合，剥离外部 CSS/JS，保留内联样式与无障碍属性。
modern-frontend-design
一套面向现代高端前端界面的设计方法论与构建指南，覆盖从产品理解、视觉系统、布局架构到组件、动效、技术栈、响应式与质量校验的完整流程，目标是产出接近高端 SaaS、现代 AI 工具与获奖设计网站品质的网站或 Web 应用。
optimize
该技能用于识别并修复界面性能问题，覆盖加载速度、渲染、动画、图片与打包体积等方面，帮助打造更快、更流畅的用户体验。它提供了一套系统化的性能优化方法：先测量现状（Core Web Vitals、加载时间、打包体积、运行时性能、网络请求），定位瓶颈，再针对加载性能、渲染性能、动画性能、框架优化、网络优化和 Core Web Vitals 逐项给出优化手段，并强调优化前后对比测量、在真实设备与网络条件下验证，避免过早优化和牺牲可访问性。
product-box-block
该技能用于将商品链接（来自剪贴板或用户输入）转换为 WordPress 的 ACF Product Box 区块。它会抓取页面、提取商品标题、图片、卖点、价格、折扣、徽章与描述等信息，并生成可直接粘贴到 WordPress 的区块注释标记（block comment markup），最后复制到剪贴板。适用于在 WordPress 站点中快速插入商品展示卡片，并可为 Amazon 商品自动附加联盟标签。
semantic-html
面向 Builderius 构建器的语义化 HTML 与无障碍前端技能，指导为模块选择合适的 HTML 标签、标题层级、表单与循环结构，兼顾可访问性与框架 CSS。
site-specification
从用户的简单描述中提取完整的网站规格，用于指导主题生成。该技能可推断站点类型、受众、语气、品牌关键词、布局要求与排版方案，并可结合用户提供的图片或文档线索分析品牌偏好。属于 WordPress 主题生成流程的前置分析技能。
wordpress-block-theming
用于构建 WordPress 区块主题（全站编辑 FSE 架构）的技能，覆盖 theme.json、区块模板与模板部件、区块图案、functions.php 资源加载、CSS 动画与落地页版式等生成要点，并包含无表情符号、转义与动画可访问性等硬性规则。
wp-block-layouts
面向 WordPress 区块编辑器的现成布局模式合集，包含首屏、功能网格、定价表、客户评价、CTA、团队、FAQ、Logo 栏、数据统计等区块标记，全部基于核心区块，可直接粘贴使用。
wp-block-styles
用于通过 theme.json 配置 WordPress 区块样式的技能，涵盖预设、区块级样式、样式变体与自定义 CSS，可设置排版、颜色、间距与布局。
wpds
wpds 是一个用于在 WordPress 相关场景中构建和审查 UI 的技能，基于 WordPress Design System（WPDS）的组件、设计令牌与模式，需配合 WPDS MCP 服务器获取权威文档。
frontend-design
frontend-design 是一个用于打造独特、生产级前端界面的技能，强调高设计质量，避免千篇一律的"AI 味"审美。适用于用户要求构建网页组件、页面、应用或界面时，以明确的美学方向和真实可用代码完成实现。
web-artifacts-builder
web-artifacts-builder 是一套用于构建复杂、多组件 claude.ai HTML 艺术作品的工具套件，采用 React 18、TypeScript、Vite、Parcel、Tailwind CSS 和 shadcn/ui 等现代前端技术，帮助开发者初始化项目、开发并打包为单个 HTML 文件。
yudao-ui-admin-vben
芋道管理后台前端框架专家技能，基于 Vue Vben Admin v5，用于管理后台前端页面开发、CRUD 模块创建、API 定义、表格表单弹窗组件、路由、国际化与权限控制，支持 Ant Design Vue、Element Plus、Naive UI、TDesign 多 UI 库变体。
flutter-widget-assistant
Flutter Widget 实现决策助手：通过逐个提问的状态、页面/组件、状态共享三个问题，确定 StatelessWidget/StatefulWidget、AutoRoute 页面、ViewModel/UIState 及 Riverpod 方案，并输出结构化实现规格与检查清单。
react-component-hook-guidelines
用于评审、重构或实现 React 组件与自定义 Hook 的指南技能，聚焦职责边界、props 宽度、状态流向与逻辑耦合。
golden-html-multi
golden-html-multi 是一份用于测试多文件 HTML 构建的文档型技能，标题为 The Web Handbook。资料显示其内容涵盖入门指南、API 用法、常见错误与变更日志，供查阅多文件 HTML 文档结构与代码示例。
folio
Folio 是一个用于制作静态网页交付物的技能，专注于自包含的 HTML/CSS/JS 文档。它适用于用户需要保存、重新打开或转交他人的成果物，例如文档、数据表、仪表盘、说明页、幻灯片、工具和落地页。Folio 的核心原则包括：可运行优先于美观，成果物在交付前需能在浏览器中打开且核心交互可用；仅限静态文档，不允许调用外部 API、WebSocket 或 XHR；清单诚实，所有 CDN 脚本、字体、图片和数据文件都需记录；本地优先，其次分享，最后发布。它支持单文件或多文件打包，可本地运行，也可通过隧道临时分享，或发布到 Surge、GitHub Pages、Cloudflare Pages 等平台。Folio 还提供 audit、describe、share、remix、publish 等子命令，并强调不在静态文件中放置密钥，以及遵循视觉基线避免丑陋界面。
nebula-page-stories
Nebula 的页面级 Storybook 故事（Page Stories）技能，用于创建将多个组件组合成真实页面布局的示例故事。页面故事应尽量贴近 Drupal Canvas 中终端用户的实际体验，避免使用 Canvas 中不可用的模式。页面故事必须放在 src/stories/example-pages/ 目录，文件命名为 <page-name>.stories.jsx，Storybook 标题格式为 "Example pages/[Page Title]"，并使用单故事提升（single-story hoisting）以获得扁平侧边栏导航。所有页面故事必须使用共享的 PageLayout 组件，只允许导入和组合现有组件，禁止内联定义 React 组件、使用原始 HTML 元素做布局或复制现有组件代码。页面故事中不应传递 className，间距应使用 spacer 组件而非 margin/padding，布局应使用现有布局组件（如 section、container、grid-container、columns、spacer、divider）而非内联样式。
nebula-storybook-stories
该技能用于为 Canvas 组件创建 Storybook 故事文件。它要求 src/components/ 下的每个组件都在 src/stories/ 中拥有对应的独立故事文件，文件名采用 kebab-case 加连字符，命名为 <component-name>.stories.jsx，并从 @/components/<component-name> 导入组件。故事文件需展示组件的 props 与变体，使用 Storybook CSF3 对象式写法，为带预定义选项（如枚举）的 props 添加 argTypes，通过多个 story 导出展示不同变体，并在组件需要特定背景（如浅色组件配深色背景）时使用 decorators。创建组件后可用 ls 命令验证故事文件是否存在。
s2-docs
Spectrum 2 (S2) 文档查询技能，用于在使用 React Spectrum 或 Spectrum Web Components 构建界面时，查找 S2 组件的官方文档、设计指南与使用模式。它通过 lookup.js 脚本提供按组件名获取文档、按用例查找组件、按名称搜索、按分类列出组件等能力，并针对 Cursor 提供 --cursor 精简输出模式。该技能强调在编写任何 RSP/SWC 代码前先获取权威文档，以避免常见错误，如选错变体、硬编码尺寸、以分隔线优先布局、遗漏必填属性等，并附带反漂移检查清单和关键 S2 设计决策速查。
opentui
OpenTUI/React 是一个用于构建终端 UI 的 React 渲染器，基于 Yoga 布局（类似 React Native），并非 React DOM 或 Ink。当前版本 0.1.69。资料涵盖 JSX 元素、键盘输入、滚动框 API、布局模式和超链接等使用要点。