SuperAPI AI 工具集

Skill 广场

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

更新于 10-19 00:11

设计与创作

20,208 个结果

wireframe-sketch

Wireframe Sketch 是一个用于生成手绘风格线框图页面的技能。它强调低保证真度,追求铅笔/马克笔质感、网格纸背景、斜线填充、虚线边框和轻微旋转,让页面看起来像草稿而非成品 UI。工作流会从需求中选取 3–4 个屏幕变体标签,其中一个为激活态,其余为未激活的草图标签。页面结构依次包括:带伪标签的页头、标签条、网格纸画布、浏览器窗口栏、侧边导航、KPI 卡片、折线图占位、柱状图占位以及便签注释。最终输出一个内联 CSS 的 HTML 文档,使用 Caveat、Patrick Hand 或 Architects Daughter 等手写字体,并通过 data-od-id 标记关键区域。该技能适合在早期设计探索阶段快速表达布局想法,不适用于需要精细视觉的成品界面。

设计与创作263 次安装

frontend-design

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

设计与创作260 次安装

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

设计与创作260 次安装