Communitygithub.com

alchaincyf/huashu-design

花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家(UX/动画师/幻灯片设计师/原型师),避免web design tropes。触发词:做原型、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、做个HTML页面、做个可视化、app原型、iOS原型、导出MP4/GIF、60fps视频、设计风格、设计方向、配色方案、推荐风格、选个风格、做个好看的、评审、好不好看、review this design、带解说的动画、解说视频、长视频科普、voiceover、narration、5分钟讲清楚什么是XX。需求模糊时进设计方向顾问(三套逻辑并行出3版真实视觉,HTML原生40种风格库网页20+PPT20为弹药);另含品牌资产协议、反AI slop、Junior工作流、Tweaks变体、动画→MP4/GIF导出、带解说长视频pipeline、5维评审。

huashu-design 是什么?

huashu-design is a Claude Code agent skill that 花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家(UX/动画师/幻灯片设计师/原型师),避免web design tropes。触发词:做原型、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、做个HTML页面、做个可视化、app原型、iOS原型、导出MP4/GIF、60fps视频、设计风格、设计方向、配色方案、推荐风格、选个风格、做个好看的、评审、好不好看、review this design、带解说的动画、解说视频、长视频科普、voiceover、narration、5分钟讲清楚什么是XX。需求模糊时进设计方向顾问(三套逻辑并行出3版真实视觉,HTML原生40种风格库网页20+PPT20为弹药);另含品牌资产协议、反AI slop、Junior工作流、Tweaks变体、动画→MP4/GIF导出、带解说长视频pipeline、5维评审。.

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/alchaincyf/huashu-design/tree/main/skills/huashu-design

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

huashu-design 是做什么的?

Huashu Design——Create high-fidelity prototypes, interactive demos, slides, animations, and design variant exploration using HTML, along with design direction consulting and expert review. Embody the corresponding expert (UX, animator, slide designer, prototyper) based on the task, avoiding typical web design tropes. Trigger words: "build a prototype," "interactive demo," "HTML presentation," "animation demo," "design variants," "hi-fi design," "UI mockup," "prototype," "make an HTML page," "create a visualization," "app prototype," "iOS prototype," "export MP4/GIF," "60fps video," "design style," "design direction," "color scheme," "recommend a style," "pick a style," "make it look good," "review," "is this pretty?", "review this design," "animated walkthrough," "explainer video," "long-form educational video," "voiceover," "narration," "explain what XX is in 5 minutes." When requirements are vague, enter design direction consulting mode (three parallel logic streams produce three real visual concepts, using a library of 40 HTML-native styles, 20 web templates, and 20 slide templates as ammunition). Also includes: brand asset agreement, anti-AI slop, Junior workflow, Tweaks variants, animation-to-MP4/GIF export, long-form narrated video pipeline, and 5-dimension review.

相关技能