react-syntax-forms
React 表单开发技能，覆盖受控与非受控输入、React 19 表单 action、useFormStatus、useActionState、useOptimistic 及校验模式，帮助避免混用 value 与 defaultValue 等常见错误。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-24 00:15
前端与建站
11,036 个结果
react-syntax-hooks-advanced
react-syntax-hooks-advanced 是一份面向 React 进阶 Hooks 的技能文档，来源于 impertio-studio/react-claude-skill-package。它集中整理了 React 18 与 React 19 的高级 Hooks，包括 useId、useTransition、useDeferredValue、useSyncExternalStore、useInsertionEffect、useDebugValue，以及 React 19 的 use()、useActionState、useOptimistic、useFormStatus。文档以速查表、决策树和关键警告的形式，说明每个 Hook 的版本要求、用途、返回值、使用方式与常见错误，并给出 TypeScript 示例代码与官方参考链接，帮助开发者在 SSR 唯一 ID、非阻塞状态更新、外部状态订阅、表单异步状态与乐观 UI 等场景中选择正确的 Hook。
react-syntax-refs
React refs 语法参考技能，覆盖 useRef、forwardRef、useImperativeHandle 与回调 ref 的用法，并给出 React 18 与 React 19 的差异、TypeScript 类型签名及读写规则，用于访问 DOM、转发 ref、实现命令式 API 和跨渲染保存可变值。
tools-ui
来自 ui.inference.sh 的 React/Next.js 工具生命周期 UI 组件，用于展示工具调用的待执行、运行中、需审批、成功与失败等状态。可通过 shadcn 命令快速添加，支持 ToolCall、ToolResult、ToolApproval 等组件。
stitch-loop
stitch-loop 是一个面向智能体的前端构建循环技能，教代理用 Stitch 迭代式生成并集成网页，通过 next-prompt.md「接力棒」在每次迭代间传递任务，实现持续自主的网站开发。
design-page
Design Page 是一个面向 AI 编码助手的页面设计技能，用于在任何人类将查看的 HTML 页面（如测试指南、报告、仪表盘、落地页）编写第一行标记之前，先为其建立视觉识别。它要求先命名页面的“处理方式”（实用型或编辑型），确认优先级（用户原话 > 项目现有设计系统 > 自行选择），再写出包含颜色、字体、布局三要素的设计计划，最后才编写代码。技能强调排版、配色、主题、布局、文案等基础一致性，并提醒避免常见的 AI 生成设计套路。
crisp-reading
CRISP Reading 是一个 AI 深度阅读伙伴技能，整合 Adler 分析阅读、拆书法、Zettelkasten 与费曼技巧，把书籍材料转成可核对的繁体中文互动式 HTML 阅读报告，适用于书籍评估、指定范围深读、读书笔记深化等场景。
multi-chart-draw
多类型绘图工具，可根据需求生成 Mermaid、ECharts、思维导图、DrawIO、GeoGebra 等格式图表，并导出 PNG、SVG、HTML。
react-architectural-patterns
面向 React 19 组件架构设计的技能，在 design-architect 或 code-developer 设计组件架构时调用，提供组件类型分类、组合模式、状态管理、设计模式、代码组织、性能优化与无障碍等规范参考。
hz-metavrx-layout-sdk
MetaVrx Layout SDK 用于在 Meta Horizon OS 上为普通 Android 应用构建多窗口体验，支持 Jetpack Compose 与 React Native，可在保留原有 UI 框架的前提下将子内容提升为独立面板。
hz-metavrx-ui-set
MetaVrx UI Set 是面向 Meta Horizon OS 上 Android 应用的 Jetpack Compose 组件库与设计系统，提供明暗主题、VR 排版、形状、密度、交互状态与语义颜色，开箱即用。
gsap-react
GSAP 与 React 集成技能，介绍使用 @gsap/react 包的 useGSAP() Hook 在 React 组件中编写动画，自动处理清理、作用域与生命周期，并覆盖 ScrollTrigger、matchMedia、Flip、SplitText 等用法。
gsap-text
GSAP 文本动画技能，用于文字逐字/逐词/逐行动画、文字揭示与乱码（Scramble）效果，基于 SplitText、TextPlugin、ScrambleTextPlugin 实现。
more-css
一套面向真实项目的原生 CSS 编写规范与技能，要求不使用任何 CSS 框架，通过设计令牌、@layer 级联层和现代组织模式，让 CSS 在组件、主题、团队与时间维度上可扩展。
setup-design-handoff
将设计到代码的交接机制安装进项目：包含令牌契约（颜色、字体角色、间距的命名决策层）、设计研究脚手架与强制执行检查，使设计稿与生产组件通过统一的命名契约对接。
frontend-design
frontend-design 是一个前端设计技能，用于构建组件、页面、仪表盘、海报等界面，产出具有鲜明风格、避免通用 AI 审美的真实 HTML/CSS/React 代码。
frontend-skill
frontend-skill 是一项用于前端视觉设计的技能，适合制作落地页、网站、应用、原型、演示或游戏界面。它强调艺术指导、层级、克制、图像与动效，而非堆砌组件，目标是输出有意图、高级且当代的界面。
prd-to-uiux-rd-spec
该 Skill 将产品 PRD 转成前端可复刻落地的 UI/UX 研发规格文档包，包含公共基座、组件与页面契约、覆盖映射、索引和 worklog。适合需要把 PRD 变成工程规格、界面契约与验收标准的场景，不适用于只要视觉灵感或直接写代码实现的请求。
senior-frontend
面向 React、Next.js、TypeScript 与 Tailwind CSS 应用的前端开发技能，提供项目脚手架、组件生成、打包体积分析与性能优化等自动化脚本和最佳实践参考。
react-dev
面向 React + TypeScript 开发的技能，用于构建类型安全的 React 组件、为 hooks 与事件处理器标注类型，并覆盖 React 19 的 Actions、Server Components、use() 以及 TanStack Router 集成等场景。
assistant-ui
用于构建与维护基于 assistant-ui 的 React 聊天应用的技能，覆盖 CLI 初始化、运行时选择、LangGraph 接线、工具 UI 集成与安全升级流程。
aesthetic-system
Aesthetic System 是一个可执行的前端设计系统技能，作为官方 frontend-design 插件的补充，提供具体设计模式与工作流，强调通过 Gemini 研究、Kimi 实现、Claude 审查的流程避免通用化 AI 审美。
ping-orchestration-react-native-sdk
Ping Identity React Native SDK 集成技能，用于生成或改造 React Native 应用，接入 @ping-identity 系列包，支持 Journey 原生登录、OIDC Web 登录及两者并存，并提供向导式配置、回调组件模板与安装命令。
frontend-design
一个用于生成高设计品质前端界面的技能，目标是创建独特、达到生产级水准的网页组件、页面或应用界面，避免千篇一律的“AI 味”审美。当用户要求构建 Web 组件、页面或界面时使用该技能，技能会引导先完成设计思考，再输出真实可运行的代码。