SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-25 00:14
11,086 个结果
Hugeicons 图标迁移技能：将项目中的图标从已废弃的 hugeicons-react、@hugeicons/react-pro、hugeicons-react-native 等旧版 Hugeicons 包，以及 lucide-react、@heroicons/react、react-icons 等第三方图标库，批量迁移到 Hugeicons 生态。核心要求是所有目标图标名称必须先通过 MCP 搜索或本地包 grep 解析验证，不得凭猜测写入图标名；迁移流程包括检测来源、映射名称、替换包与调用点、类型检查验证。
krds-improve 是一个用于优化已有 KRDS 网站或应用的技能，目标是在不改变产品行为的前提下提升规则合规性、无障碍性与一致性。适用于已采用类似 KRDS 组件的页面和视图，通过评分器与检查清单修复问题，并输出逐条规则报告。
面向跨站脚本（XSS，CWE-79）的安全反模式技能，用于生成或审查渲染 HTML、处理用户输入的 Web 代码，给出不安全写法与安全替代方案，降低反射型、存储型和 DOM 型 XSS 风险。
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
enhance-web-forms 是一个用于构建或升级 Web 表单的技能，强调无障碍结构、基于 schema 的校验以及客户端与服务端校验一致性。适用于改进表单、表单校验、无障碍修复等场景。
用于将出现漂移的设计系统整合为单一事实来源（SSOT）的技能：统一 token、组件和图标库，迁移全部用法，并加装防漂移护栏，最终以全新搜索零命中与前后视觉等价验证。
Tailwind CSS v4.1+ 的规则与最佳实践技能，用于编写、审查、重构或升级 Tailwind 类与样式，涵盖 v4 破坏性变更、间距、排版、颜色、响应式、暗色模式、渐变、容器查询等规范。
Lism Mockup（@lism-css/mockup）用于创建画面原型的数据目录实现指南。以 pages/*.jsx|tsx、tokens.json、mockup.config.json 组织，通过 lism-mockup init→实现→check→dev 工作流完成，需配合 lism-css-guide 使用。
swiftui-webkit 是一套面向 SwiftUI 的 WebKit 集成技能，核心是使用新的 WebView 结构体与 WebPage 可观察类来替代传统的 WKWebView 加 Representable 桥接模式。它提供了从 URL 创建 WebView、通过 WebPage 控制导航、加载 HTML 字符串或数据、执行异步 JavaScript、监听导航事件、自定义导航决策、注册自定义 URL Scheme，以及网页快照、PDF 和归档内容捕获等能力。资料明确了若干应当避免的旧 API 用法，并给出了对应的新写法，适合在 SwiftUI 应用中嵌入和操控网页内容的开发场景。
blode-icons-react 是一个 React 图标库包，本技能用于指导该包及其文档的安装、导入路径、Lucide 兼容别名、DynamicIcon 命名与仓库发布流程。
面向 React 18+ 应用开发的技能，覆盖组件架构、Hooks 模式与状态管理，并涉及 React 19 的 Server Components、use() 钩子与表单 actions。适合新建组件、性能优化、项目架构搭建与数据获取等场景。
create-landing 是一个用于快速搭建落地页、销售页或等候名单页的技能，部署在 Cloudflare 上。它基于 TanStack Start、Base UI 上的 shadcn/ui 与 Tailwind CSS v4，使用 Lumail 接收表单邮箱，可选接入 Stripe 或 Codeline 支付链接和 Tella 视频嵌入，最终通过 Cloudflare Workers 与自定义域名上线。整个流程由 CLI 完成，适合先把文案定稿、再生成单页并验证上线效果的场景；若页面需要账号、仪表盘或数据存储，则超出适用范围。
use-artifacts 是一个技能，用于在没有原生 Artifacts 面板的智能体中模拟 Claude Artifacts，在 ~/.agents/artifacts/<id>/ 下生成自包含的本地 HTML 产物，便于用户打开、检查与迭代。
Fumadocs 是一个可组合的文档框架，支持 Next.js、React Router、TanStack Start 和 Waku，包含无头核心库、默认 UI 主题、官方 MDX 内容源与 CLI，可用于构建文档站点并集成搜索、OpenAPI 等内容。
用于分析 React 应用并为其缺失错误边界的位置生成错误边界与回退 UI 的技能，支持 Next.js App Router 的 error.tsx、loading.tsx、not-found.tsx 等文件生成。
用于生成 Next.js middleware.ts 的技能，覆盖认证、授权、重定向、CORS、限流与国际化等常见中间件模式，并按用户配置的栈调整导入与代码示例。
面向 Claude 等 AI 执行时阅读的 React Native 参考技能，汇总常见陷阱与选型标准，涵盖 FlatList 优化、存储层级与平台差异。
impeccable 是一个面向生产级前端界面的设计与迭代技能：以真实可运行代码落实明确的设计取舍，先收集项目上下文再设计，并按品牌或产品语境应用统一设计法则。
claat 形式 Markdown 手順书（如 manual.md）先经 lint 检查，通过后生成 Google Codelabs 形式 HTML 的构建技能。用 go run 调用 claat-tools，需 PATH 中有 claat。
根据项目源码、README、配置与日志等素材，撰写可由 Google Codelabs 的 claat 转为 HTML 的 manual.md 手顺书。以完全不懂该领域的中学生为读者假设，强调事实准确、每步可验证、日语自然，并用 claat-tools lint 校验后交付。
用于定制 Obsidian Publish 站点的技能：通过根目录的 publish.css 与 publish.js 实现主题样式与客户端脚本，涵盖未公开的 DOM 脚本技巧与限制。
面向前端状态管理的专家指导技能，覆盖 Redux、Zustand、MobX、Jotai、Recoil 与 React Context，帮助开发者选择合适方案并正确使用。强调区分服务端状态与客户端状态，以最简单可行的方案为优先。
该技能定义了为网站生成真实 HTML 导出与截图的重复工作流：用仓库内 HtmlRenderer 从 Markdown 报告生成 HTML，再用 ScreenshotGenerator（Playwright）截图，产物存入网站资源目录并更新引用页面。
image-to-code 是 OpenAI 插件中的一项技能，用于把选定的图片、截图、样机图或 Image Gen 参考图实现为忠实、响应式的前端页面或 App。