SuperAPI AI 工具集

Skill 广场

找到适合任务的 Agent Skill,阅读介绍并复制安装命令。

更新于 11-05 00:16

设计与创作

22,053 个结果

redesign

redesign 是一个用于评审并改进现有 UI 组件视觉设计的技能。它会先检查真实组件及周边布局,再基于仓库已有的设计令牌、基础组件和约定提出具体修改建议。回复按固定顺序展开:先指明正在重设计的组件与文件;再列出三个具体的视觉或交互问题,如层级、间距、对比度、对齐、响应式或可供性;随后针对每个问题给出布局、令牌、组件与 Tailwind 的具体改动;并展示仅含关键类名或结构变化的简短前后对比片段。若用户要求实施,则执行修改并按仓库要求的 UI 工作流验证。它强调批评应简洁且根植于现有代码,不在仓库已有视觉语言时另造新风格。

设计与创作3 次安装

web-design-guidelines

该技能用于审查 UI 代码是否符合 Web Interface Guidelines(Web 界面指南)。当用户提出「review my UI」「check accessibility」「audit design」「review UX」「check my site」等请求时使用。其工作方式为:先从指定源 URL 获取最新版指南,再读取用户指定的文件(或询问文件/匹配模式),随后对照获取到的全部规则逐条检查,最后以简洁的 file:line 格式输出发现的问题。指南源为 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md,每次审查前都会重新抓取,以确保使用最新规则,抓取内容包含全部规则及输出格式说明。使用时,若用户提供了文件或匹配模式参数,则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果;若未指定文件,则询问用户需要审查哪些文件。

设计与创作3 次安装

stitch-design-md

stitch-design-md 是一个用于分析 Stitch 项目并生成语义化设计系统文档的设计技能,输出文件名为 DESIGN.md。它适用于用户希望从已有 Stitch 设计中提取风格指南、建立视觉一致性,或为后续 Stitch 生成准备设计系统文档的场景。该技能通过 Stitch MCP 获取项目与屏幕数据,可调用 list_projects、get_project、list_screens、get_screen 等工具读取元数据,并下载 HTML 与截图。它会从截图和 HTML 中提炼氛围、密度与美学,梳理颜色名称、十六进制色值与功能角色,解释圆角、阴影、层次等几何与纵深规则,并整理字体、组件样式和布局原则。最终按固定 Markdown 结构输出 DESIGN.md,包含视觉主题、色彩、排版、组件、布局以及供 Stitch 生成使用的提示语言与颜色引用。使用前提是已配置 Stitch MCP 服务器,且目标 Stitch 项目至少有一个已设计屏幕。仅当用户明确提及 Stitch 或需要为 Stitch 生成准备设计系统文档时使用。

设计与创作3 次安装