supchain-bench-benchmarking-real-world-supply
基于 SupChain-Bench 论文的 SupChain-ReAct 技能，教 Claude 构建长链路供应链智能体：用多条并行 ReAct 轨迹加多数投票替代手写 SOP，自主编排工具调用，覆盖订单、履约、仓储、取消与错误诊断。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-02 00:09
前端与建站
11,362 个结果
uw-analyze-frontend
uw-analyze-frontend 是 nearform/unwind 代码分析工具集中的前端层分析技能，用于对前端/UI 层进行结构化文档化分析，覆盖组件、状态管理、路由和 API 集成；当项目没有前端时可跳过。该技能遵循完整性、机器可读、链接到源码、不带评论、增量写入等分析原则，将结果输出到 docs/unwind/layers/frontend/ 目录，包含 index.md、routes.md、pages.md、state.md、api-hooks.md 等文件；页面超过 20 个的大型代码库可按功能拆分。文档化重点是“做什么”而非“如何实现”，以便在任意框架中重建功能对等版本，必须记录用户流程、页面用途、状态持久化、权限门禁与 API 交互，应有选择地记录组件层级、路由结构、错误边界与加载状态，并明确不记录 CSS 类名、React Hook 实现、组件库用法和构建配置等技术细节；每条页面、流程和状态要求需带 [MUST]、[SHOULD] 或 [DON'T] 标签。若输出目录已存在，则对比当前状态并在 index.md 中新增变更记录。
21st-ui
21st.dev 是一个收录超过 10,000 个可用于生产环境的 React/Tailwind（兼容 shadcn）组件的市场，并提供 AI UI 生成能力。本技能用于驱动 21st MCP 服务器，帮助用户查找、安装和生成 UI 组件。当用户要求添加或构建 UI 元素（如定价表、英雄区、导航栏、仪表盘、表单等）、需要设计选项或灵感、需要 JSX/TSX 格式的公司 Logo，或希望根据描述生成全新 UI 时使用。默认工作流是优先从真实目录中搜索并安装现有组件，而非从零编写；只有在目录中没有合适组件或用户明确要求自定义 UI 时，才在 AI 生成功能已启用的前提下进行生成。免费层允许目录搜索和每天 2 次组件安装，付费组件需解锁后才能获取代码。
angular-cdk
Angular CDK（Component Dev Kit）是一组无样式的 UI 行为原语库，用于在 Angular 中构建无障碍、高质量的自定义组件。该技能围绕 CDK 的核心模块提供实践指导，包括无障碍支持（屏幕阅读器播报、键盘导航、焦点管理）、Overlay 浮层定位与背景管理、Portal 动态内容渲染、拖放排序、虚拟滚动、响应式布局与断点观察、无样式表格与树形结构等。技能以规则和代码示例的形式给出生命周期与资源清理要求、无障碍实践、浮层定位策略、拖拽列表的连接方式、虚拟滚动的缓冲区配置等，适合从零构建自定义 UI、弹窗、提示、看板、大数据列表和响应式界面的场景。
daisyui
daisyUI 5 是面向 Tailwind CSS 4 的 CSS 组件库，通过语义化类名为常见 UI 组件提供现成样式，帮助快速构建一致、无障碍且支持主题切换的网页界面。它需要配合 Tailwind CSS 4 使用，Tailwind v4 已弃用 tailwind.config.js。安装方式为 npm i -D daisyui@latest，并在 CSS 文件中加入 @import "tailwindcss"; 与 @plugin "daisyui";；也可通过 CDN 引入。配置上无需配置即可使用默认项，可指定明亮主题、暗色模式或全部内置主题，并使用 data-theme 属性切换主题，还支持自定义主题。其类名分为 component、part、style、behavior、color、size、placement、direction、modifier、variant 等类别；颜色采用语义化命名并随主题变化。库内置按钮、输入框、卡片、模态框、警告、导航栏、抽屉等大量组件。
edgeone-pages-deploy
EdgeOne Pages Deploy 是一个用于快速部署静态 HTML 的技能，可在无需认证、无需账号、无需配置的情况下，把 HTML 文件或目录发布为公开 URL。它通过 EdgeOne Pages 的公开 MCP 端点，以 JSON-RPC 方式调用 deploy-html 完成部署，返回形如 https://mcp.edgeone.site/share/abc123 的公开链接。支持单个 HTML 文件，也支持包含 index.html 的目录；但仅限单文件，不支持由独立 CSS、JS、图片组成的多文件站点，因此自包含 HTML（内联样式、内联脚本、base64 图片）效果最佳。它不支持自定义域名，也不支持删除或更新，每次部署都会生成一个新 URL，链接的持久性取决于 EdgeOne 的保留策略。使用上可运行 scripts/deploy.sh 传入文件或目录路径，也可用 curl 手动调用 MCP 端点；部署后建议用 curl 检查返回 URL 的 HTTP 状态码是否为 200。环境需具备 curl 和 python3（用于 JSON 编码）。适合需要即时获得公开链接、分享或托管简单单页 HTML 的场景。
frontend-backend-integration
前后端对接技能，用于检查前后端 API 对接、调试接口调用、确保数据格式一致。该技能提供一套系统化的对接流程：查看项目前后端目录结构、查找或创建 API 文档、分析后端 API 规范（路由、Schema、测试文件）、分析前端 API 调用（封装、状态管理、页面组件），并通过响应格式对照表、端口配置验证和检查清单进行对比验证。技能还总结了响应格式不一致、CORS 错误、端口冲突、字段名不匹配等常见问题及解决方案，并给出 Vue3 + FastAPI、React + Node.js 的实战案例与 API 对接文档模板。
frontend-design-system
用于生成生产级 UI 设计的前端设计系统技能，通过明确的设计令牌、布局规则、动效规范与无障碍检查，帮助建立一致且可扩展的前端视觉与交互体系。它是 design-system 的平台专用变体。
frontend-developer
一个资深前端工程技能，用于编写、评审和优化前端 UI 代码，涵盖语义化 HTML、现代 CSS、组件架构、性能、可访问性与测试策略，框架无关。触发时首条回复以 🧢 开头。
frontend-development
前端页面开发技能，用于开发 Web 应用、创建 UI 组件、实现交互功能与优化前端性能。覆盖 React、Vue、Angular、Next.js、Nuxt.js 等框架，以及 Tailwind CSS、状态管理、构建工具、响应式设计、测试与部署优化等主题。
frontend-enhancer
Frontend Enhancer 是一个用于提升 Next.js 网页应用视觉设计与美学效果的技能。它提供可直接用于生产环境的 React 组件、系统化的设计规范、精选配色方案、平滑动画以及响应式布局模板。该技能适用于优化现有应用的视觉外观、创建新 UI 组件、选择配色与主题、添加动画与过渡、构建响应式布局、实现首屏区或特性网格与落地页、改进视觉层级，以及在应用内统一设计模式。其组件库包含按钮、卡片、输入框等，具备多种变体与状态，并内置无障碍支持；同时提供首屏区与特性网格等布局模板、设计原则文档、六套专业配色方案以及完整动画库（均尊重 prefers-reduced-motion）。组件多依赖 cn 工具函数，需安装 clsx 与 tailwind-merge。主要限制或未提供的信息包括：具体价格与收费模式暂未提供，完整安装与构建步骤除组件复制与依赖安装外暂未提供，是否支持 Next.js 以外框架暂未提供。
lingui-best-practices
Lingui 国际化最佳实践技能，指导在 React 与 JavaScript 应用中实现 i18n：用宏标记消息、提取与编译语言目录、加载并激活语言，涵盖 Trans、useLingui、Plural、msg 等用法及 Next.js 服务端组件注意事项。
modern-tailwind
Modern Tailwind 是一份关于 Tailwind CSS 最佳实践的技能指南，旨在帮助开发者用现代工具类与变体构建整洁、可扩展的 UI。内容涵盖核心原则、变体与状态、响应式与容器查询、主题与自定义以及可维护性等方面。核心原则建议大多数样式优先使用工具类而非自定义 CSS，按布局→间距→排版→颜色→效果的顺序分组类名以保持可读性，并先写语义化 HTML，让工具类起增强作用而非替代结构。变体与状态方面，建议在合适场景使用 hover、focus-visible、disabled、dark 和 motion-safe 变体，优先用 data-* 与 aria-* 变体处理与 DOM 语义绑定的状态样式，并用 group 和 peer 处理父子、兄弟状态而无需额外 JavaScript。响应式与容器查询建议先写基础样式再叠加 sm、md、lg 等响应式变体，当布局依赖父容器尺寸时使用容器查询工具类。主题与自定义建议在 tailwind.config 中扩展主题而非临时写自定义类，重复不可避免时用 @layer 定义自定义工具类或组件，除小型可复用模式外避免 @apply。可维护性建议将可复用 UI 抽取为组件而非重复大段类名，并保持类名确定性，尽量避免动态字符串拼接。
nextjs-architecture
Next.js 架构专家技能，用于设计 Next.js 应用架构、从 Pages Router 迁移到 App Router、实现 Server Components 以及优化 Next.js 性能。该技能提供 App Router 结构、Server Components 使用模式、性能优化策略与迁移步骤等架构指导，适用于构建全栈 Next.js 应用和做出架构决策。
tailwind-css
Tailwind CSS v4 的实用类优先样式技能，涵盖响应式、状态变体、暗色模式、主题变量与 CSS 优先配置，并说明 v3 到 v4 的迁移、构建工具包与浏览器要求。
vue-expert
Vue Expert 是一个专注于 Vue.js 开发的专家型技能，主要面向 Vue 3 Composition API、Pinia 状态管理和 Nuxt.js 框架。它擅长构建响应式、高性能的 Web 应用，支持现代 Vue 模式、TypeScript 集成以及完整的工具生态。适用于使用 Composition API 构建 Vue 3 应用、使用 Pinia 或 Vuex 管理状态、开发带 SSR 和路由的 Nuxt.js 应用、在 Vue 项目中实现 TypeScript、创建可复用组件与组合式函数，以及优化 Vue 应用性能等场景。
web-design-reviewer
Black-Tortoise UI 审查与修复技能，专注于 Angular 20 + 独立组件、Material Design 3 令牌、@ngrx/signals 状态以及 DDD 分层边界。该技能在源代码层面识别并修复表现层问题，通过浏览器自动化进行视觉检查，覆盖布局、响应式、无障碍与视觉一致性等维度，并按优先级修复后重新验证。
web-styling-scss-modules
面向 SCSS Modules 与设计系统的样式规范技能，涵盖 cva 与 design tokens，采用核心到语义的两级令牌、HSL 颜色、CSS 级联层与暗色模式。
anim-backoutdown
来自 Animate.css 的 CSS 关键帧退出动画 Back Out Down，无需 JavaScript，可用于元素快速退场，遵循 prefers-reduced-motion。采用 Hippocratic-2.1 许可，© Daniel Eden。
anim-bounceinup
Bounce In Up 是来自 Animate.css 的 CSS 关键帧入场动画（Hippocratic-2.1，© Daniel Eden），无需 JavaScript，尊重 prefers-reduced-motion，适合快速为元素添加上跳入场效果。
anim-bounceoutright
来自 Animate.css 的 CSS 关键帧退出动画 Bounce Out Right，无需 JavaScript，支持 prefers-reduced-motion，可复制 bounceOutRight.css 后为元素添加 bounceOutRight 类并设置动画时长。
anim-fadeinupbig
来自 Animate.css 的动画技能 anim-fadeinupbig，提供无需 JavaScript 的 fadeInUpBig CSS 关键帧入场动画，可复制样式后为元素添加对应类名使用，支持 prefers-reduced-motion 降级。
anim-fadeoutdown
来自 Animate.css 的 CSS 关键帧退场动画 Fade Out Down（淡出并下移），无需 JavaScript，尊重 prefers-reduced-motion。使用时复制 fadeOutDown.css，并给元素添加 fadeOutDown 类及动画时长。
anim-fadeoutleft
Fade Out Left 是 Animate.css 提供的纯 CSS 关键帧退场动画，作为 motion-anything 的一部分，无需 JavaScript 即可使用，并遵循 prefers-reduced-motion 设置。