crawfordxx

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

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
  • 🌏 中文友好:中文排版的字重/对齐/竖排/文化色彩差异均有专门规则

案例图鉴

全部由同一套「策略 → 规范 → 风格 → 提示词」流程生成,点击文件名查看完整决策链:


00 城市文旅 · 复古旅行海报

01 音乐节活动 · 孟菲斯

02 品牌形象 · 极简主义

03 新品发布 · 瑞士国际主义

04 公益倡导 · 负空间概念

05 餐饮美食 · 纪实烟火