hyperframes-slide-work-title-tags
HyperFrames 的 title-tags 幻灯片专用技能，用大标题与关键词标签组呈现被压缩成短词的概念，如技术栈、核心属性、比较维度或摘要索引；可用 HTML 加 GSAP 设计或修改该版式。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
前端与建站
11,339 个结果
frontend-expert
用于设计或实现 Vue 3、Nuxt、React 兼容组件、页面、样式、交互、表单、状态绑定与 i18n 文本的前端专家技能，强调先确认信息结构与设计约束再写代码。
nextjs-webmcp
在 Next.js App Router 站点上规划并实现 WebMCP 浏览器端工具的技能：通过 document.modelContext.registerTool 注册命令式工具，并用声明式表单标注，让浏览器内的 AI 代理可调用页面工具。
estimate-all
用于估算 Linear 中所有活跃工单的 AI 技能：读取工单内容并为每个工单推荐故事点，生成对比当前与建议点数的 HTML 报告。该操作只读，不会修改任何 Linear 工单。
frontend-project-creator
用于从零创建 React 前端项目的技能，支持 MUI、shadcn/ui 或 Bootstrap 组件库选择，统一使用 React + TypeScript + Vite 构建，并通过 React Router 配置多页面导航结构。
mui-helper
MUI（Material-UI）组件库使用指南与参考文档技能，在创建或修改使用 Material-UI 的 UI 组件、解决 MUI 实现问题、查询组件属性与 API、实现布局与主题定制、进行版本迁移或自定义组件行为时自动触发，强调开发前必须先查阅官方文档。
react-native-design
该技能用于掌握 React Native 样式、导航与 Reanimated 动画，构建跨平台移动应用。涵盖 StyleSheet 与 styled-components 样式、Flexbox 布局、React Navigation 6+、Reanimated 3 动画、Gesture Handler 手势、平台差异化设计及性能优化。
shadcnui-helper
shadcn/ui 组件库的安装、配置、组件实现、主题定制与排障助手。适用于 React、Next.js、Vite、Remix、Astro 项目中初始化或升级 shadcn/ui、查阅组件 API 与示例、定制主题与暗色模式，以及排查 Tailwind、Radix、SSR 等集成问题。
tailwindcss-helper
Tailwind CSS 工具类参考与文档助手，来自 chaitin/monkeycodeofficialplugins。用于快速查找 Tailwind CSS 工具类、理解对应 CSS 属性、查找代码示例，以及查阅响应式设计、状态与变体相关文档。当 Claude 需要使用 Tailwind CSS 时可调用此技能。
iterative-build-page
Iterative Build Page 是一个用于逐段构建 Nuxt 3 落地页的技能。用户用自然语言描述页面区块，智能体便使用 RDS Vue UI 设计系统组件逐个添加区块，页面可交互式增长：区块可随时添加、修改、重排或删除。当用户满意后，智能体将页面定稿为可用于生产环境的 Nuxt 3 .vue 文件，并生成配套的内容 JSON 文件。该技能依赖 rds-component-mapper 技能，将自然语言的区块描述转换为正确的 @rds-vue-ui/* 组件。
markdown-spec-to-page
将结构化 Markdown 规格文档转换为完整 Nuxt 3 落地页的技能，使用 RDS Vue UI 组件。可显式指定组件，或依据章节名称与内容自动推断组件，输出页面 .vue 与内容 .json 两个文件。
reference-to-landing-page
该技能根据参考网站 URL 与用户修改要求，生成使用 RDS Vue UI 组件构建的 Nuxt 3 落地页，并输出页面组件、内容 JSON 及参考与成品截图。
changeflow
Changeflow 是一个网站变更监控与 AI 变更情报工具，可监控任意网页、创建监控源、搜索变更并自动化网页监测。需 Changeflow API token，通过 MCP 接口以 JSON-RPC 2.0 调用。
team
Team 是一个反应式团队编排技能：先创建带依赖关系的任务，再为初始无阻塞任务生成 worker，并在监控循环中根据任务完成情况动态生成新解锁任务的 worker，直到全部完成。
fixing-accessibility
fixing-accessibility 是一套用于修复界面无障碍问题的技能，可通过 /fixing-accessibility 在对话中约束所有 UI 修改，或用 /fixing-accessibility <file> 审查指定文件并报告违规、原因与具体修复建议。
fixing-metadata
fixing-metadata 是一个用于约束和审查元数据工作的技能，目标是发布正确、完整的元数据。它以 /fixing-metadata 或 /fixing-metadata <file> 方式调用，按优先级检查重复与正确性、标题与描述、canonical 与索引、社交卡片、图标与 manifest、结构化数据、语言与替代链接、工具边界等规则。
fixing-motion-performance
fixing-motion-performance 是一个用于修复界面动画性能问题的 Agent 技能，可按规则审查动画代码并给出违规点、原因与具体修复建议，适用于 CSS、WAAPI、Motion、rAF、GSAP 等场景。
webcraft-build
Webcraft 工作流中的建站实现与验证阶段：依据已完成的设计，在选定框架中交付可运行的营销网站，并把验证结果记录到 07-validation.md。
webcraft-copy
Webcraft 工作流中的营销网站文案技能：依据 Webcraft 简报与分区计划起草或修订网站文案，保留事实证据与分区 ID，产出 03-copy.md 或更新其索引的权威文案源。
webcraft-init
Webcraft 项目的初始化技能：用于建立或修订营销网站项目的设计模式、工作区、框架与工具访问权限，产出 00-project.md 记录，不负责应用脚手架与设计创作。
webcraft-plan
Webcraft 工作流中的规划技能：把网站简报转化为可视化站点地图与逐页区块计划，产出 02-site-plan.md，或修订已有计划。
you-dont-need-a-react-custom-hook
一个用于评估、设计或重构 React 自定义 Hook 的 Agent Skill：主张自定义 Hook 不是默认抽象单位，而是最后选项。在创建 Hook 前先判断能否用普通函数或模块表达，仅在状态、副作用、生命周期、订阅、清理或 ref 等 React 依赖构成单一职责时才使用。
you-dont-need-a-react-custom-hooks
一个面向 React 开发的技能指南，主张自定义 Hook 不是默认抽象单元而是最后选项。在评估、设计或重构组件与 Hook 时，先判断能否用普通函数或模块表达，仅在状态、副作用、生命周期等 React 依赖构成单一职责时才创建 Hook。
effective-html
用于在审阅文本文档时，生成单文件 HTML 工件，让用户与编程智能体之间的沟通更顺畅。适合需要迭代批注、导出评论或转换为 Markdown 的阅读与评审场景。