Communitygithub.com

alchaincyf/huashu-design

花叔Design——用HTML制作高保真原型、交互演示、幻灯片、动画及设计变体探索,并提供设计方向咨询与专家评审。

huashu-design란 무엇인가요?

花叔Design 是一款专为开发者、设计师和产品经理打造的AI设计技能,旨在通过HTML代码快速生成高保真原型、交互演示、动画和幻灯片。它能够根据任务自动扮演不同专家角色(如UX设计师、动画师、幻灯片设计师或原型师),并智能避开常见的Web设计套路。当需求模糊时,该技能会进入设计方向顾问模式,并行输出三套逻辑清晰的视觉方案,并利用内置的40多种HTML原生风格库、20多个网页模板和20个PPT模板作为参考。此外,它还支持品牌资产协议、反AI低质量内容、Junior工作流、设计变体探索、动画导出为MP4/GIF、带解说的长视频制作以及五维评审系统。该技能适用于Claude Code、Cursor等AI代理平台,通过触发词激活不同功能模块,帮助用户高效完成从概念到高保真原型的设计流程。

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/alchaincyf/huashu-design/tree/main/skills/huashu-design

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

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维评审。

관련 스킬