用途:huashu-design 是一个 HTML/CSS 原生的设计技能,用于生成出版物质量的 HTML/CSS 设计稿,侧重杂志级排版与精确的 CSS Grid 布局。
主要能力:内置 20 种具名设计哲学作为设计取向参考;提供五维自评循环,在交付前从可读性、层级、比例、节奏、对比度五个维度对自身输出进行批判与修正;支持动画交互式原型;支持 MP4 导出,便于分享或演示动态设计。技能与具体智能体无关(agent-agnostic),不依赖外部组件库或框架。
使用方式:技能名称为 huashu-design。若尚未安装完整技能,可先检测范围再安装。安装命令为:全局 npx skills add alchaincyf/huashu-design --skill huashu-design -g -y;项目级 npx skills add alchaincyf/huashu-design --skill huashu-design -y。在 Claude Code 中,可将上述命令作为以 ! 开头的聊天消息发送以直接运行。安装后通过触发短语调用,包括 "huashu"、"magazine typography"、"CSS Grid design"、"animated prototype"、"MP4 export"。
适用场景:需要 HTML/CSS 呈现的高品质排版页面、精确网格布局设计、动画交互原型以及需要导出 MP4 演示的动态设计。
限制:不适合非 HTML 目标,如 React Native、SwiftUI 或后端渲染;也不适合需要现成组件库或设计系统脚手架的场景(资料建议改用 shadcn-ui 或 design-consultation)。其他细节暂未提供。