huashu-design：让Agent从“会回答“走向“会交付“的设计Skill
Type: article
Author: 花叔（alchaincyf）
Primary Topic: AI Agent设计技能工具
Ingested: 2026-04-30
Summary
huashu-design是一个基于HTML原生技术的Agent设计Skill，支持在Claude Code、Cursor等平台上通过一句话指令在3-30分钟内产出高保真原型、PPT、信息图等设计成果。项目内置20个设计哲学和5维评审体系，通过npx直接从GitHub安装。本文为完整使用指南，涵盖典型场景示例与注意事项。
Key Concepts
- HTML原生设计Skill
- Agent交付能力
- 高保真交互原型
- 一句话生成设计
- 5维评审体系
- 20个设计哲学
- npx技能安装
Entities
- 花叔
- alchaincyf
- huashu-design
- Claude Code
- Cursor
- Codex
- OpenClaw
- Hermes
- GitHub
Source
Relations
- (none)
Auto-generated on 2026-04-30
相关文章（自动整合）
Seedance 2.0 免费使用入口汇总：6个渠道各有优缺点 — 同属相关主题（重叠度: 2，整合于 2026-06-14）
花1块钱给AI开网络眼睛，Twitter Reddit小红书全刷 — 同属相关主题（重叠度: 4，整合于 2026-06-07）
Hermes + Claude Code 联动调度指南：让 AI 工具分工协作的实操手册 — 同属相关主题（重叠度: 3，整合于 2026-05-31）
huashu-design：一条命令生成高保真原型，Claude Code 里的 Figma 替代方案 — 同属相关主题（重叠度: 7，整合于 2026-05-31）
MUSE-Autoskill：自进化智能体技能框架 — 同属相关主题（重叠度: 3，整合于 2026-05-30）
Understand Anything：把老代码库变成可交互知识图谱 — 同属相关主题（重叠度: 4，整合于 2026-05-24）
用Hermes直接指挥本地CodeX写代码，Profiles搭建多Agent实践 — 同属相关主题（重叠度: 4，整合于 2026-05-24）
Codex自我蒸馏：从操作历史提取可复用Skill — 同属相关主题（重叠度: 2，整合于 2026-05-20）
paper-framework-figure-studio-pro — 论文框架图 AI 生成工具 — 两者均通过结构化工作流提升AI设计输出质量（重叠度: 2，整合于 2026-05-15）
数字生命卡兹克开源 Khazix Skills：生产环境打磨的 AI Skills 套装 — 两者均为开源AI技能套装，可组合使用（重叠度: 3，整合于 2026-05-13）
Karpathy 开源 autoresearch：630行代码让AI通宵炼模型 — 两者都是让AI自主完成专业任务的极简工具（重叠度: 2，整合于 2026-05-13）
RuFlo（原 Claude-Flow）- Claude Code 多智能体编排平台 — 两者均为Claude Code的Agent扩展工具，分别增强多智能体协作与设计输出能力（重叠度: 3，整合于 2026-05-12）
Vibe Coding 关键前置环节：用 AI 先“拷打“你的 idea — 先用AI拷打需求再用Agent生成高保真设计原型（重叠度: 2，整合于 2026-05-12）
API模式也能用插件：解决Codex插件被禁用以及无法删除会话的问题 — 两者均为增强AI工具能力的第三方扩展方案（重叠度: 2，整合于 2026-05-12）
国内顶级博主都在用的20个Claude Code Skills合集 — huashu-design是文中推荐的配图设计类技能之一（重叠度: 2，整合于 2026-05-12）
cc-connect：把本地AI Agent接入飞书/微信/钉钉等IM平台 — cc-connect可将huashu-design的设计成果通过IM远程触发生成（重叠度: 4，整合于 2026-05-11）
AionUi：开源多Agent协作桌面平台（Hermes OS / 智能体操作系统） — AionUi可集成huashu-design技能让Agent统一管理并输出专业设计成果（重叠度: 3，整合于 2026-05-11）
这几个SKILL让程序员变成UI设计师：cc-design / huashu-design / Kami — Article A综述了huashu-design等设计Skill生态，Article B是huashu-design的详细使用指南（重叠度: 3，整合于 2026-05-11）
Hermes Kanban 多智能体看板完全指南：多 Agent 协作不打架 — 两者均为Agent能力扩展工具，前者聚焦协作调度，后者专注设计输出（重叠度: 2，整合于 2026-05-10）
everything-claude-code：182个Skill + 48个Agent + 68个Command的工程化实践 — huashu-design是everything-claude-code技能库的设计专项实践（重叠度: 4，整合于 2026-05-10）
Hermes + OpenClaw + Paperclip：三层 AI Agent 团队架构 — 两者均为AI Agent能力扩展的实践方案（重叠度: 2，整合于 2026-05-10）
Open Slide：让AI Agent用React做PPT，支持预览、评论、演示 — 两者都让AI Agent自动生成PPT等设计成果（重叠度: 2，整合于 2026-05-10）
Agent终于有眼睛了！TinyFish 免费互联网搜索接口 — 两者均可增强Agent在Claude Code中的专业能力（重叠度: 5，整合于 2026-05-09）
制作神级Skill！月省400块：OpenClaw/Hermes/Claude三端通用 — 两者均为可跨平台复用的Agent技能封装方案（重叠度: 3，整合于 2026-05-09）
为什么大佬的Hermes越用越聪明？答案在这5个skills里！ — 两者都是通过Skill机制增强Agent能力的工具（重叠度: 3，整合于 2026-05-07）
Voicebox: 免费开源本地 AI 语音工作室，ElevenLabs 替代品 — 两者均可在Claude Code中作为AI工具协作使用（重叠度: 3，整合于 2026-05-06）
DeepSeek-TUI：终端AI编程Agent深度解析 — 两者均为提升AI编程Agent能力的开源工具（重叠度: 3，整合于 2026-05-04）
Beads：给 AI 编程 Agent 装长期记忆 — 两者都是增强AI Agent能力的工程化工具（重叠度: 3，整合于 2026-05-03）
别再卷提示词了！决定AI写代码成败的，其实是Harness — 两者都通过工程化约束提升AI交付质量（重叠度: 2，整合于 2026-05-03）
Addy Osmani 开源 Agent Skills：把资深工程师的工作流塞进 AI 编程工具里 — Agent Skills与huashu-design同为AI编程工具的工作流技能封装项目（重叠度: 3，整合于 2026-05-03）
AI Agent 架构设计（四）：多 Agent 协作（OpenClaw、Claude Code、Hermes Agent 对比） — huashu-design是文章A中Claude Code多Agent技能的实践案例（重叠度: 2，整合于 2026-05-02）
Hermes：一个引擎，N个各司其职的Agent — Hermes可调度huashu-design作为设计专属Agent的Skill（重叠度: 2，整合于 2026-05-01）
实测 OpenClaw 4.29+Hermes：AI 自己写工具自己用，全程零代码！ — 两者均为AI Agent的技能扩展方案（重叠度: 2，整合于 2026-05-01）