SuperAPI AI 工具集

Skill 广场

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

更新于 11-07 00:13

设计与创作

22,364 个结果

standards-check

Standards Check 是 microsoft/cat-agent-skills 中的一个技能,用于将拟议的设计变更与图纸标准和内部设计规则进行比对,并逐条引用所适用的规则。它适用于用户询问“这是否符合设计标准”等场景。该技能在每次变更流程中于 bom-impact 之后运行,输入为 impact.json 和 references/design-standards-excerpts.md,输出为追加到载荷中的 standards_findings[]。每条发现需记录 {rule, applies, result, citation},且必须逐字引用参考文件中的标准或设计规则编号,不得凭记忆生成。发现不会覆盖引擎升级,只能追加发现;不包含批准性语言,由变更委员会决定。对于需要本插件无法完成的分析(如堆叠、应力签核)的规则,应记录为待决需求而非通过。

设计与创作1 次安装

landing-page-design

这是一个用于构建高转化落地页的完整设计系统技能,分为策略结构与视觉系统两部分。策略部分涵盖需求采集问题清单、页面结构(首屏、中段论证、底部异议处理)、布局类型选择、转化规则、文案公式、构建顺序以及 SEO/AEO 建议;视觉部分规定了字体、字号、间距、圆角、边框与背景、首屏、图标、动效编排、内容真实性、交互状态、上线必备项,以及强制的标语逐步显现区块。适用于落地页、营销站点、组件、仪表盘、原型和设计评审。

设计与创作1 次安装

beautiful-mermaid

Beautiful Mermaid 是一个用于将 Mermaid 图表渲染为 SVG 和 PNG 图像的工具,基于 Beautiful Mermaid 库实现。当用户要求渲染 Mermaid 图表时使用。它支持流程图、时序图、状态图、类图和实体关系图等多种图表类型,提供 Default、Dracula、Solarized、Zinc Dark、Tokyo Night 系列、Catppuccin Latte、Nord、GitHub Dark/Light、One Dark 等主题。渲染 PNG 时需要依赖 agent-browser 技能。工作流程包括生成或校验 Mermaid 代码、渲染 SVG、创建 HTML 包装文件、使用 agent-browser 以 4K 分辨率截图捕获 PNG,最后清理中间文件。输出始终同时生成 SVG 和 PNG 两种格式。

设计与创作1 次安装

explore-design

explore-design 是一个设计探索技能,用于针对 UI 区块、页面或组件生成包含 3–6 个不同视觉方向的单一自包含 HTML 文件,以便并排对比。输出仅供视觉比较,并非生产代码。该技能包含探索与实现两个阶段:探索阶段生成并排对比;当用户选择某个变体或要求构建模拟图时,进入实现阶段,读取 references/implement.md 并遵循其步骤。适用于“探索方向”“展示几个选项”“头脑风暴设计”等场景。工作流包括:运行品牌扫描脚本、读取源规格/需求、可选拉取 Landingfolio 灵感、构思 4 个(范围 3–6)截然不同的方向并宣告、使用真实文案填充模板、输出到 design-explorations/<short-name>.html、在浏览器中打开并报告。强调用真实数据绘制、披露理想化元素、变体探索结构而非品牌身份、所有变体使用相同固定内容。硬性规则包括:单一 HTML 文件、无外部 CSS/JS、系统字体回退、不使用深色“AI 制品”美学装饰、除文件头外无注释、报告前在浏览器中打开。

设计与创作1 次安装