update-ui-inventory
用于在新增或移除 UI 组件后，更新组件清单与设计系统文档的维护型技能。适用于添加组件、代码评审指出清单不一致、组件清单 CI 检查失败，或合并增删组件的 PR 之后。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
前端与建站
10,911 个结果
motion-react
面向 React 应用的 Motion 动画技能（原 framer-motion，现为 npm 包 motion，从 motion/react 导入），覆盖进入/退出、变体编排、布局与共享元素过渡、motion values、数字滚动与手势状态，并强调减少动效无障碍、合成器友好性能与克制使用。
review-frontend
用于 React/TypeScript 前端代码审查的技能，按技术领域拆分为多个子审查技能，在支持子代理的智能体中并行运行，否则串行运行。
oma-frontend
oma-frontend 是面向 React、Next.js 或 Angular TypeScript 项目的前端 UI/UX 智能体技能，用于实现或修改组件、页面、样式、表单及前端状态与数据流，遵循项目架构、设计系统、无障碍与既有前端约定。
engram-ui-elements
engram-ui-elements 是 Engram 仪表盘 UI 的创建规则技能，用于新增或修改页面、卡片、指标、表格、列表与详情流；强调可连接的浏览路径、有意义的空状态与反映真实系统状态的指标。
frontend-mandatory-standards
这是一套公司前端开发的强制规范技能，要求在编写或修改任何前端代码前必须先阅读。规范基于 TypeScript、Vue 3 Composition API（<script setup>）、Tailwind CSS、Pinia 和 Giime（基于 Element Plus 增强，el-* 改为 gm-*）技术栈，涵盖命名约定、通用编码规则、Composition API 强制写法、代码拆分、接口调用、Pinia 状态管理等全部开发约束。
html-to-pptx
将 HTML 幻灯片转换为可编辑 .pptx 的技能，支持字体按需嵌入、结构化自检与视觉审查，适用于把网页 deck 交付为 PPT 副本的场景。
vercel-react-view-transitions
一份关于在 React 中使用 View Transition API 实现原生感动画的指南，讲解 <ViewTransition> 组件、addTransitionType 与 CSS 视图过渡类的用法、触发条件、共享元素与 Suspense 揭示等模式，并说明浏览器支持与降级方式。
frontend-designer
frontend-designer 是一个前端设计系统技能，用于在智能体需要选择、评审或记录生产级技术方向时，处理 CSS 架构、设计令牌、响应式 UI、无障碍与动效等决策，输出可落地的前端指导。
lovstudio-maintain-partners
LovStudio 网站合作伙伴板块维护技能：用 lovstudio-find-logo 获取品牌 logo，规范化 logo 尺寸与反色，向 Partners 组件及四种语言文案追加伙伴条目，审计缺失 logo／i18n 键／失效链接，并对活动海报中的 logo 行做视觉高度对齐。
slidekit-create
SlideKit Create 是 nogataka/slidekit 中的技能，用于生成 HTML 幻灯片演示文稿：每页 1 个 HTML 文件、尺寸 1280x720px，使用 Tailwind CSS、Font Awesome 与 Google Fonts。
react-expert
React 生态专家技能，覆盖 Hooks、状态管理、组件模式、React 19 新特性（Compiler、Actions、useActionState、useOptimistic、use()）、React Server Components、Shadcn UI 与 Radix 原语，并给出表单、错误处理、测试与无障碍的实践规范。
svelte-expert
Svelte 与 SvelteKit 专家技能，覆盖组件、stores 与路由，强调使用 Svelte 5 runes、文件式路由和可访问性规范，用于代码编写与审查。
design-engineer-mindset
将 Figma 稿、规格、截图或口头描述高保真还原为代码的技能，强调像素与动效级精确、用令牌而非字面值，并把浏览器渲染管线纳入设计材料，最终交付实现代码与保真度报告。
recharts
用于在 React + TypeScript 项目中构建 Recharts 图表、数据可视化与仪表盘的技能，并支持与 HeroUI v3 设计令牌和 Tailwind CSS v4 集成。
vue-component-patterns
Vue 组件模式技能，介绍 Vue 组件中 props、emits、slots 与 provide/inject 的用法，涵盖 TypeScript 类型定义、运行时校验、自定义 v-model、作用域插槽、异步组件、Teleport、KeepAlive 及高阶组件等可复用组件的构建模式。
managing-media
用于实现媒体与文件管理组件的技能，覆盖图片、视频、音频、文档的上传、展示、播放、优化与无障碍模式，包含分块上传、图库、轮播、各类播放器、PDF/办公文档查看及云存储集成等实现指南。
sharenow
sharenow 是一个把用户已批准的文件或文件夹发布为在线站点或可分享 URL 的 Agent 技能，也可用于私密云存储、多人协作频道与轻量全栈应用部署。默认只发布单个本地文件或一个明确指定的输出文件夹。
r3f-router
r3f-router 是面向 React Three Fiber 项目的决策路由框架，依据任务需求把请求分发到 5 个专项技能：基础、几何、材质、性能与 drei。它通过信号词识别与优先级规则匹配技能，并可组合多个技能使用，资料未说明安装方式或收费信息。
tanstack-frontend
TanStack 前端开发技能，用于按项目规范实现 TanStack Router 路由、TRPC 数据加载/预取、类型推断与表单模式，需配合项目模板的共享表单组件与约定使用。
vercel-react-best-practices
面向 React 应用开发与代码审查的工作流技能，遵循 Vercel 风格最佳实践，强调可读性、性能、可维护性与稳定渲染，适用于构建生产级前端架构。
coss-particles
coss-particles 是 COSS UI 粒子的索引技能，收录 54 类共 508 个可复制粘贴的 UI 组件示例，基于 coss 基础组件构建，用于在实现界面功能时查找可直接套用的组件模式。
emap-merchant-signup
EMAP 商户注册集成开发指南技能：指导合作伙伴在自己的网站（任意技术栈）中嵌入 EMAP 商户注册表单，涵盖全表单、跳转交接、邮件注册三种集成方式及验证流程。
frontend-architecture
Exceptionless 前端开发技能，用于在 ClientApp 的 Svelte 5 应用中新增路由、创建功能切片、编写 Svelte 组件并遵循项目架构规范。