react-hook-authoring
面向 React 19 组件库的自定义 Hook 编写指南，强调以使用方开发体验为先，默认不做记忆化，仅在性能分析显示问题时才优化，并列出常见反模式与受控/非受控实现方式。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-24 00:15
前端与建站
11,036 个结果
react-hook-authoring-fix
用于审计自定义 React Hook 的 Agent Skill，检查过度设计、memoization 问题、消费者 DX 问题与已知反模式，并自动或半自动应用修复。
ui-ux-pro-max
UI/UX Pro Max 是一个可检索的 UI/UX 设计智能数据库，提供 50 种风格、21 套配色、50 组字体搭配、20 种图表建议、8 种技术栈最佳实践，以及产品推荐、UX 指南与常见反模式，帮助在设计与实现 UI 时做出更专业的决策。
create-artifact
create-artifact 是一个把 HTML 或 Markdown 报告上传到 Folslate、返回公开 fol.ink 链接的技能。无需账号或令牌，默认使用 HTML，链接公开且一天后过期，上传后无法删除或修改。
tailwind-design-system
一个面向 Tailwind CSS v4 的设计系统技能，指导用 CSS 优先配置、设计令牌、组件变体、响应式模式与无障碍方式搭建可扩展的组件库，并涵盖 v3 到 v4 的迁移要点与原生暗色模式。
swr
SWR 是面向 React 的轻量数据获取 hooks 库，内置缓存与重新验证能力，适合简单的数据请求场景。资料给出安装命令 npm install swr，并说明在复杂缓存失效、Vue 3、客户端 UI 状态、GraphQL、离线支持等场景应改用其他方案。
discord
该技能用于在 CoWork-OSS 中通过 discord 工具控制 Discord，可发送消息、添加反应、发布或上传贴纸、上传表情、发起投票、管理线程/置顶/搜索、创建编辑删除频道与分类、获取权限或成员/角色/频道信息，以及处理私信与频道中的审核操作。
frontend_design_expert
Nova 前端美学专家技能，用于构建现代化 UI/UX 设计、编写 Flutter/React 组件，并提供配色方案与无障碍设计建议。
ui-ux-pro-max
专业级 UI/UX 设计规范技能，用于生成有设计感、可直接交付的前端界面。覆盖视觉层次、配色体系、排版节奏、间距系统、阴影圆角、交互微动效、响应式适配与无障碍基础，并给出反 AI 模板风清单。需高质量界面设计时手动触发，或描述“设计感/专业 UI”时自动触发。
scan-scss-styling
扫描项目样式表并生成 SCSS 样式参考文档的技能：识别样式方案与 BEM 用法，清点 SCSS 架构、mixin、变量、主题与响应式断点，把结论写入 scss-styling-guide.md。
angular
面向 Angular 的设计系统技能，用于构建基于设计令牌（design tokens）的组件，采用 signals、standalone 组件与新控制流语法，涵盖组件架构、TypeScript 集成、服务与无障碍实现。
vue
面向 Vue 3 的组件开发技能，使用 Composition API 与 TypeScript 构建可访问、由设计令牌驱动的组件，适用于组件库、设计系统与 Nuxt 项目。
pixi-svelte-integrator
用于在 Svelte 应用中集成并校验 PixiJS 渲染管线的技能，强调生命周期与销毁保证。资料未提供价格、平台与效果信息。
slack
用于让智能体操作 Slack 的 Actions 工具，支持发送、编辑、删除、读取消息，添加或查看 emoji 反应，置顶与取消置顶消息，获取成员信息和列出自定义 emoji。需使用为 Otto 配置的 bot token，操作时需提供 channelId、messageId 等标识。
react-use-callback
指导 React 中 useCallback 钩子的正确用法，适合在优化函数引用、向 memo 化子组件传递回调等场景参考。内容涵盖适用与不适用情形、依赖数组、自定义 Hook 返回值、抗模式及 useMemo 对比。
nextjs-react-expert
面向 Next.js（App Router）与 React 的工程技能，覆盖架构设计、服务端/客户端边界、数据获取、缓存、性能与生产运维，帮助编写正确、高性能且无障碍的代码。
react-stack
基于 Bun 的 React 技术栈技能，用于在 Next.js Web 与 Expo 通用两类配置间应用统一工程决策，涵盖运行时、目录结构、组件设计、测试与工具链，并把后端与仓库策略交由各自领域技能处理。
hyva-tailwind-include-exclude
用于把模块路径加入 hyva.config.json 的 tailwind.include 或 tailwind.exclude 列表，从而控制 Tailwind CSS 编译时的包含与排除，适用于 Hyvä 1.4+/Tailwind v4 主题。
frontend-a11y-motion-contrast-wcag22
面向前端开发的 WCAG 2.2 无障碍技能参考，覆盖 2.2 新增九项成功标准、对比度比率、动效减弱与用户偏好媒体特性（prefers-reduced-motion、prefers-contrast、forced-colors 等）以及目标尺寸、拖拽替代、无障碍认证等落实现则。
frontend-impl-view-transitions-scroll-animations
该技能为单页应用 DOM 切换提供 View Transitions（含共享元素形变）、CSS 滚动驱动动画（animation-timeline: scroll()/view() 及命名时间线）与 scroll-snap 的确定性实现规则，用浏览器原生能力替代 FLIP 库、IntersectionObserver 等 JavaScript 胶水代码。
frontend-syntax-html5-form
HTML5 表单编写的操作参考技能，覆盖原生输入类型选择、约束验证 API、提交流程与事件、FormData、Open UI 可定制控件及表单关联自定义元素，并给出可访问性规则与常见反模式。不涉及框架表单库、UI 套件与服务端验证。
react-errors-boundaries
React 错误边界技能，用于构建具备错误恢复与优雅降级能力的 React 组件，避免未捕获错误导致整个应用崩溃。涵盖类组件实现、react-error-boundary 库、边界放置策略、恢复模式与测试方法。
react-impl-performance
面向 React 渲染性能优化的技能包，用于性能分析、减少重渲染、代码分割与长列表虚拟化。强调先测量后优化，避免过早优化，并给出 React.memo、useMemo、useCallback、React Compiler、Profiler、React.lazy 与 @tanstack/virtual 的使用时机与限制。
react-impl-routing
面向 React Router 6.4+ 的客户端路由实现技能，指导用 createBrowserRouter 与 RouterProvider 配置路由树、嵌套布局、导航、URL 参数、loader/action 数据加载、懒加载路由、受保护路由与错误处理，并列出常见反模式。