SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-28 00:17
11,243 个结果
frontend-design 是一个用于创建高品质前端界面的技能，旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考，明确界面要解决的问题、目标用户、审美方向和技术约束，并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景，引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择，最终输出可运行的真实代码（如 HTML/CSS/JS、React、Vue 等）。使用时应根据美学愿景匹配实现复杂度：极繁主义设计需要更精细的动画与效果，极简或精致设计则需要克制、精准和对间距、排版与细节的关注。
frontend-init 是一套偏好的现代前端项目初始化方案，用 Bun、Oxfmt、Oxlint、tsdown、tsgo 等基于 Rust/Go 的快速工具替代 npm/yarn/pnpm、Prettier、ESLint、tsup/rollup 和 tsc，覆盖应用、库与 React 项目。
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
面向无技术用户的端到端建站技能，用 Next.js 16、React 19、Tailwind CSS v4、shadcn/ui 与 Framer Motion 构建专业网站和落地页。先通过浏览器可视化预览挑选风格，再自动搭建、构建并交付。
htmx-js-api 技能介绍 htmx 的 JavaScript API，用于在服务端渲染应用中做命令式集成，如 htmx.ajax、htmx.process、htmx.trigger、htmx.on 等。优先使用声明式属性，仅在需要与第三方组件、动态注入标记、埋点或程序化请求流集成时改用 JS API。
面向 React 与 Next.js 项目的 UI 计算模型技能：以组件、状态、渲染为核心，整理设计、实现、评审与性能优化的判断准则，强调状态最小化、Server/Client 边界划分以及按体感指标定位性能问题。
活字格 ReactCellType 前端扩展包打包技能：把浏览器端 JavaScript 类库（UMD/IIFE、仅 ESM/CJS、React 组件库、Canvas/WebGL、Worker/WASM）转换成活字格可上传的扩展包 ZIP（manifest.json + bundle.js + types.d.ts），并完成校验、烟雾测试与打包。
react-native-runtimes 是 Margelo 提供的 React Native 库，包含 core 与 state 两个包，用于创建命名的次级 React Native（Hermes）运行时，在独立 Hermes 运行时与 JS 堆中渲染组件、调度可等待函数并执行无头后台任务，并通过共享存储在各运行时之间读写同一份 JSON 状态。
基于 Utopia 流体间距的 CSS Grid 工具集，提供网格变量与工具类参考，来自 fantasy-phonics 项目。包含容器居中、流体间距和基础网格用法，适合为网页搭建响应式栅格布局。
UX User Flow 是一套面向单页游戏应用的导航与用户旅程模式技能，涵盖路由、状态驱动 UI、渐进式披露和游戏进度推进，适合设计多步骤流程、游戏阶段导航和菜单交互时使用。
该技能面向使用 Jetpack Compose 构建安卓原生界面的开发场景，提供声明式 UI 的状态管理、状态提升、ViewModel 集成、副作用处理、导航、Material 3 主题、列表与网格等实践说明，并列出常见反模式与相关技能。
Style Capture 可从实时网页元素中抓取计算后的 CSS 与 HTML，映射为 Tailwind 工具类，并输出结构化的 <style_capture> 提示，用于忠实还原 UI。适合需要复刻或重构网页界面的场景。
一个网站信息架构规划技能，用于设计页面层级、导航、URL 结构与内部链接，帮助网站对用户更直观、对搜索引擎更友好。适用于规划新站或重构现有站点。
用于为 TRMNL 电子墨水设备构建、编辑或重设计屏幕的 Blade 技能，可生成仪表盘、KPI、列表、表格等可直接渲染的组件标记。
Convex Realtime 是一项用于实现实时功能的技能，基于 Convex 响应式查询，在数据变化时自动更新，适用于实时协作、即时更新与动态同步等场景。
browserless 是构建在 Puppeteer 之上的高层封装，用于可靠的 headless Chrome 工作流，支持截图、PDF、HTML/文本提取、状态检查、Lighthouse 审计与浏览器流水线。
基于 React、TypeScript、Tailwind CSS 与 Framer Motion 的深色主题前端 UI 方案，面向仪表盘、管理后台与数据密集型应用，提供自定义主题、玻璃拟态效果与动画模式。
Astro 是一个面向内容驱动网站的一体化 Web 框架，采用岛屿架构与服务器优先设计以减少客户端 JavaScript，支持 React、Vue、Svelte、Preact、Solid 等 UI 框架集成，底层由 Vite 驱动。本技能提供 Astro 官方文档检索与使用指导。
Budge 是一个面向 Next.js App Router 项目的主动式技能：当任务只涉及单个 CSS 属性或 Tailwind 类名的视觉改动时，自动在页面上呈现浮动控制条，让用户用方向键微调数值、切换相关属性。
frontend-design 是一个用于创建高品质前端界面的技能，旨在帮助开发者构建具有独特设计风格、可达到生产级标准的前端组件、页面或应用。该技能强调在动手编码前先进行设计思考，明确界面要解决的问题、目标用户、审美方向和技术约束，并鼓励选择鲜明、明确的美学立场并以精确的方式执行。它适用于需要避免通用化、模板化“AI 风格”外观的场景，引导在字体、配色与主题、动效、空间构图、背景与视觉细节等方面做出有意识的创意选择，最终输出可运行的真实代码（如 HTML/CSS/JS、React、Vue 等）。使用时应根据美学愿景匹配实现复杂度：极繁主义设计需要更精细的动画与效果，极简或精致设计则需要克制、精准和对间距、排版与细节的关注。
来自 Vercel Engineering 的 React 与 Next.js 性能优化指南技能，包含 8 大类 40+ 条按影响优先级排序的规则，用于编写、审查或重构 React/Next.js 代码时参考。
将 UI 代码审查委托给子代理的技能，按 Web 设计指南审查组件、页面、git 变更或规格文件。
Angular Knowledge Patch 是一个用于编写、审查、升级和调试现代 Angular 应用的技能，汇总了破坏性变更、默认行为与各主题参考索引，涵盖响应式、Signal Forms、SSR、测试与工具链等。
React Router 知识补丁技能，用于在改动 React Router 应用、路由模块、适配器、框架配置、数据 API、中间件、生成类型或迁移前查阅对应版本的要点与限制。