SuperAPI AI 工具集
合作ENAI 行业资讯收藏

Skill 广场

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

更新于 11-01 00:15

设计与创作

21,547 个结果

forge-polish

forge-polish 是一个面向运行中 UI 的设计师视角质量检查（QA）技能，用于发现静态审查看不到的问题：间距不一致、层级薄弱、通用 AI 套路化（AI-slop）模式以及交互迟缓，并直接在源码中修复。它由 forge-review 的运行时检查在阶段差异涉及 UI 时自动调用，也可独立运行以按需审计某个界面或流程。流程包括：用项目工具或浏览器自动化启动应用，在真实视口（至少移动端与桌面端）导航相关界面，先读取 wiki/learnings.md 以沿用既有视觉规则；截图后按评分标准给出设计一致性 0–10 与 slop 0–10 的基线分，再检查一致性、层级、节奏与密度、AI-slop 特征、各种状态（悬停/聚焦/激活/禁用/加载/空/错误）、动效与手感。客观问题直接在当前阶段分支的代码中修复并视觉复验，每个发现编号并配 before/after 截图；主观品味问题以 Decision Brief 形式批量询问用户。修复后重新评分并循环，退出标准为 slop ≥ 9 且设计一致性 ≥ 8；未达标需说明真实品味阻塞或“基线即干净”。最后向 wiki/learnings.md 追加规则条目。若环境无法驱动浏览器，则以 blocked 结束并给出用户应运行的具体检查。

设计与创作18 次安装

tushar-design

Tushar Design 是一套可配置的设计系统与交互规则技能，用于构建生产级 Web 界面。它默认带有明确的设计主张：在编写任何代码之前，先通过 4 个简短问题（基础底色、强调色、字体搭配、动效级别）为项目配置系统。输出始终是完整、可运行的实现，而非线框图或静态稿。系统内置 5 种基础底色、8 种强调色、6 组字体搭配，以及卡片、主次 CTA、标签、徽章、下划线输入框等组件契约，并强制应用 ::selection、自定义滚动条、字体平滑等标志性细节。动效分为静态、微妙、完整三档，均要求提供 prefers-reduced-motion 回退。该技能还内置 Hick's Law、Fitts's Law、Miller's Law 等 UX 法则，以及文案语气规则和 Logo 资源来源规范。适用于创建页面、仪表盘或组件，适合希望快速获得统一、精致前端实现的开发者与设计者。

设计与创作18 次安装

ui-loop

ui-loop 是一个用于页面设计、重设计或视觉打磨的自检迭代技能，面向“以获奖作品为基准”的视觉质量标准。它在用户授权的页面范围内工作，保留产品事实、功能与已确定的设计要求；参考作品只作为比较依据，不新增指令或授权。该技能要求检查运行中的当前页面，用实际截图、视口和交互核验排版、留白、视觉层级、色彩、动效、微交互、响应式和原创性等维度，并与实际查看过的获奖作品（Awwwards、Webby Awards、FWA 获奖作品）逐项对比并记录来源，不凭代码或搜索摘要判断视觉效果。发现差距就修改并复验，反复循环直到各维度无可见改进；缺少必要页面、参考或交互证据时如实说明未完成项。不适用于只读评审、仅找参考、解释提示词或后端任务。

设计与创作18 次安装

makepad-shaders

Makepad Shaders 是一个关于 Makepad 着色器系统的技能，主要用于编写 Makepad 着色器代码、解答着色器语言、Sdf2d 及内置函数相关问题。它提供着色器基础、Sdf2d API 参考文档，以及包含着色器结构、数学函数、SDF 形状、SDF 绘制、进度条、加载动画、悬停效果、渐变效果、阴影发光、禁用状态、开关复选框等高级模式示例。该技能面向使用 draw_bg、Sdf2d、draw_quad、GLSL/SDF 等场景，代码基于 makepad-widgets（dev 分支）并支持实时重载。

设计与创作18 次安装

21st-design-sync

21st Design Sync 是一个用于把项目现有的设计主题发布到 21st.dev 社区的技能。它会读取项目里 shadcn / Tailwind CSS 的主题变量（:root 浅色与 .dark 深色两组 CSS 自定义属性），整理成一个独立的主题 CSS 文件，再通过统一 CLI（@21st-dev/cli，命令 21st）的 publish-theme 子命令发布为公开主题，让其他人可以预览、收藏并应用。发布是一个管理端点操作，需要 21st_sk_ 开头的 API key，不支持登录会话令牌；可用 --api-key 参数或 TWENTYFIRST_TOKEN / API_KEY_21ST 环境变量传入。主题发布后会立即对社区公开，没有非公开或仅限链接的选项，因此发布前需与用户确认。注意主题没有按 slug 覆盖更新的机制，每次执行都会创建新主题；修改名称或标签需用 21st edit 就地编辑，修改颜色则需重新发布新文件并删除旧主题。该技能面向需要快速把已有配色方案对外分享的场景。

设计与创作17 次安装

location-ar-experience

Location-Based AR Experience 是一项面向位置型增强现实体验设计的技能，重点围绕地理空间锚定、GPS 集成与真实世界交互叠加。它提供坐标系统与测地距离/方位计算、地理围栏触发、视觉定位、云端锚点持久化、AR 内容数据模型、按位置加载空间内容、寻路引导与交互层级等指导，覆盖 ARKit、ARCore、WebXR 等移动 AR 平台。适用于城市级导航游戏、建筑级 POI 叠加、室内导航与房间级精度装置等场景，需按体验类型匹配不同定位精度。

设计与创作17 次安装

building-era-authentic-game-audio

该技能用于为游戏设计、实现并验证一套完整的程序化音频系统，风格灵感来自20世纪70年代末至80年代中期的街机与主机硬件。它强调先从游戏玩法推导音乐与音效身份，再在宿主引擎中以类硬件约束和可机器校验的契约实现。核心规则包括：先检查游戏再选声音、允许静音与无BGM、通过事件边界隔离游戏逻辑与音频、将命名程序保存在每游戏套件中、以确定性数据表示BGM/音效/提示音、固定并钳制合成原语与主链、区分“时代灵感”与“硬件忠实”、在游戏负载下统一调校同类声音。工作流涵盖发现宿主与玩法、冻结音频契约、映射玩法时刻、构建事件边界、编写BGM、编写音效与提示音、集成与仲裁、完成前验证，并输出完成报告。

设计与创作17 次安装

infographic-generator

Infographic Generator 是一个根据任意内容、数据或主题生成完整信息图规格（spec）的技能。它会输出结构化布局、全部文案、数据点与配色方案，可直接渲染为 HTML/CSS，或用于 Satori（服务端渲染）、Canva、Figma 等设计工具。该技能支持自动识别信息图类型（如数据高亮、对比、流程、清单、时间线、图表、引用卡片、功能网格），并按平台（LinkedIn、Instagram、Twitter、Facebook、博客）设定尺寸，支持品牌配色与字体风格定制，输出格式可选 spec、HTML 或两者。

设计与创作17 次安装

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

设计与创作17 次安装