SuperAPI AI 工具集

Skill 广场

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

更新于 10-28 00:17

设计与创作

21,067 个结果

ui-designer

ui-designer 是面向视觉设计与界面实现的技能,强调以视觉工艺标准构建、样式化、评审和打磨界面。它先区分品牌型(一次性营销页)与产品型(反复使用的应用)场景,再读取项目既有设计令牌和组件库,按 8pt 网格、字体比例、60-30-10 配色、层级阴影等规则建立视觉系统,并给出按钮、表单、卡片、表格、导航、弹窗等组件的规范与常见好坏示例。该技能要求渲染后目视检查,提供高级设计师自检清单和视觉质量验证流程,覆盖暗色模式、动效、响应式与细节打磨。

设计与创作39 次安装

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,每次审查前都会重新抓取,以确保使用最新规则,抓取内容包含全部规则及输出格式说明。使用时,若用户提供了文件或匹配模式参数,则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果;若未指定文件,则询问用户需要审查哪些文件。

设计与创作39 次安装

frontend-design

为构建新界面或重塑现有界面提供视觉设计指导的技能,重点在于形成独特、有意为之的设计方向。它强调以真实主题内容为基础,做出关于配色、字体和布局的明确取舍,并避免常见模板化套路。技能以“设计工作室设计主管”的视角工作:先根据客户简报制定包含颜色、字体、布局和原则的紧凑设计计划,再对照简报检查是否流于通用,确认独特性后才编写代码。

设计与创作39 次安装

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,每次审查前都会重新抓取,以确保使用最新规则,抓取内容包含全部规则及输出格式说明。使用时,若用户提供了文件或匹配模式参数,则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果;若未指定文件,则询问用户需要审查哪些文件。

设计与创作39 次安装

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,每次审查前都会重新抓取,以确保使用最新规则,抓取内容包含全部规则及输出格式说明。使用时,若用户提供了文件或匹配模式参数,则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果;若未指定文件,则询问用户需要审查哪些文件。

设计与创作39 次安装