Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

a11y

Accessibility audit + auto-fix (WCAG 2.2 A/AA). Scans built/static HTML for screen-reader, keyboard, and structure failures, fixes the deterministic ones, and escalates to a rendered scan for contrast and focus. Use when the user wants to check or improve accessibility, fix WCAG issues, or pass an a11y review.

112 repo starsObserved in 1 repos
Design

space-ai-article-illustration

分析文章结构并批量生成AI配图,调用Gemini API为每个段落创建专业逻辑图/概念图。当用户说"批量配图"、"给文章配图"、"生成文章插图"、"为这篇文章配图"时触发。支持两种风格:简约手绘风和建筑蓝图编辑风。自动保存到Obsidian图片目录并插入文档。

112 repo starsObserved in 1 repos
Design

space-architecture-diagram

创建专业、支持深色/浅色双主题切换的系统架构图,输出为独立的 HTML 文件(内含 SVG 图形)。当用户需要系统架构图、基础设施拓扑图、云架构可视化、安全架构图、网络拓扑图,或任何展示系统组件及其关系的技术图表时使用此技能。支持中文标注和说明,内置主题切换按钮。

112 repo starsObserved in 1 repos
Design

space-brand-ui-design

根据品牌名称从 getdesign.md 自动获取设计规范并生成匹配风格的 UI 代码。支持 62 个顶级品牌风格(苹果/Apple、Notion、Claude、Stripe 等),支持中英文品牌名、混搭风格。当用户提到"XX风格"、"做成XX的感觉"、"参考XX设计"时触发。

112 repo starsObserved in 1 repos
Design

space-canvas-art

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

112 repo starsObserved in 1 repos
Design

space-chart-html

生成设计美观的图表 HTML 文件。支持 10 种图表类型:流程图、架构图、ER 图、商业模式画布、用户旅程图、思维导图、竞品分析图、SWOT 分析、产品路线图、组织架构图。支持 3 种内置视觉风格(黑白简约、深色暗调、Claude 暖色)+ 品牌风格扩展。 触发词:"画个 XX 图"、"生成商业模式画布"、"做个架构图"、"画 ER 图"、"帮我画个流程图"、"生成用户旅程图"、"做个思维导图"、"竞品分析图"、"SWOT 分析图"、"产品路线图"、"组织架构图"、"商业模式画布"、"XX 风格的图表"、"帮我可视化"。 当用户提供了一段描述并要求可视化、画图、生成图表时使用。当用户要求切换图表风格时也触发。

112 repo starsObserved in 1 repos
Design

space-chart-html-plus

AI 全能图表生成器(扩展版)。一键生成 35+ 种设计美观的图表 HTML 文件,涵盖技术架构、流程逻辑、业务战略、数据可视化、信息展示 5 大类别。支持 3 种内置视觉风格(黑白简约、深色暗调、Claude 暖色)+ 品牌风格扩展。 触发词:"画个 XX 图"、"生成 XX 图"、"做个架构图/流程图/思维导图/时序图/甘特图/漏斗图/桑基图/用户旅程/商业模式画布/SWOT/竞品分析/产品路线图/组织架构/ER 图/C4 图/BPMN/状态机/决策树/泳道图/部署图/网络拓扑/威胁建模/价值链/OKR 树/韦恩图/热力图/KPI 看板/信息图/概念图"、"帮我可视化"、"XX 风格的图表"、"换成 XX 风格"。 当用户提供了一段描述并要求可视化、画图、生成图表时使用。当用户要求切换图表风格时也触发。

112 repo starsObserved in 1 repos
Design

space-chart-image

使用 AI 图片生成技术绘制美观的图表。支持 10 种图表类型:流程图、架构图、ER 图、商业模式画布、用户旅程图、思维导图、竞品分析图、SWOT 分析、产品路线图、组织架构图。6 种内置视觉风格。 触发词:"画个 XX 图"、"生成商业模式画布"、"做个架构图"、"画 ER 图"、"帮我画个流程图"、"生成用户旅程图"、"做个思维导图"、"竞品分析图"、"SWOT 分析图"、"产品路线图"、"组织架构图"、"帮我可视化图表"。 与 space-chart-html 不同:本 Skill 使用 GPT-image-2 模型直接生成图片,不生成 HTML。

112 repo starsObserved in 1 repos
Design

space-gemini-article-illustration

分析文章结构并批量生成AI配图,调用Gemini API为每个段落创建专业逻辑图/概念图。当用户说"批量配图"、"给文章配图"、"生成文章插图"、"为这篇文章配图"时触发。支持两种风格:简约手绘风和建筑蓝图编辑风。自动保存到Obsidian图片目录并插入文档。

112 repo starsObserved in 1 repos
Design

space-gemini-image

当用户想要生成图片、画图、绘画、创建图像、AI作画时使用此 Skill。支持文生图和图生图。

112 repo starsObserved in 1 repos
Design