Xiaoma Designer — Development skill for Claude Code
Development community
视觉表达设计方法论 Agent Skill — 三层方法论(策略×规范×表现)+ 风格词典 + 10 场景案例,生图模型无关.
How to install Xiaoma Designer
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open crawfordxx/xiaoma-designer and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Xiaoma Designer does
视觉表达设计方法论 Agent Skill — 三层方法论(策略×规范×表现)+ 风格词典 + 10 场景案例,生图模型无关.
Alternatives in Development
- Brainstorm Ideas Existing — Brainstorm product ideas from PM, Designer, Engineer perspectives 7.8k ★
- 3 Designer Debate — 3-designer-debate 1k ★
- Al Agent.Build Instructions.Prompt — Generate optimized natural language instructions for Business Central agents (Designer or SDK) 109 ★
README
xiaoma-designer
视觉表达设计方法论技能(Agent Skill)——把「想清楚 → 做规矩 → 有味道」的三层设计方法交给任何 AI Agent,让它在做海报、封面、KV、Banner 或评审设计时,先像策略师一样推演,再像设计师一样动手。
它解决什么问题
直接对 AI 说"给我画张海报",得到的是视觉上的平均脸:华丽、工整、没有想法。 本 skill 让 Agent 在动笔前完成三层决策:
| 层 | 问题 | 内容 |
|---|---|---|
| 1. 策略 Strategy | 说什么,对谁说,凭什么在乎 | 通信模型、受众三问、修辞三角、马斯洛定位、故事钩子、差异化、K.I.S.S. |
| 2. 规范 Craft | 怎么用视觉元素说清楚 | 色彩 HSB、形状语言、字体层级、版面阅读顺序、格式塔、对比比例、文化安全 |
| 3. 表现 Style | 凭什么被记住 | 25+ 艺术流派风格词典、媒介质感、AI 味排除、人文底蕴检查 |
配套双工作流:
- 创建视觉作品:策略推演 → 规范决策 → 风格选择 → 结构化提示词/排版稿 → 自审打分
- 评审打分:三级成熟度评分(L1 不跑题 / L2 有规范 / L3 有表现)+ 分层诊断 + 改进清单
特性
- 🧠 可解释:每张图的颜色、字体、版式、风格都有决策依据,可复用可迭代
- 📚 10 个场景案例(全部真实出图验证):文旅、活动、品牌、新品、公益、餐饮、播客、书籍、App 插画、节气借势,各带占位符提示词模板与成图评审
- 🔌 生图模型无关:不绑定任何生图服务——产出设计决策 + 结构化提示词 + 评审闭环,对接你自行接入的任何图像生成能力(本地或 API 均可);需要精确版式时可让 Agent 另出 HTML/SVG
- 🌏 中文友好:中文排版的字重/对齐/竖排/文化色彩差异均有专门规则
案例图鉴
全部由同一套「策略 → 规范 → 风格 → 提示词」流程生成,点击文件名查看完整决策链:





