Individual skill
huashu-design
花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选(指定风格/品牌也不豁免),选定后才执行。触发词:做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不适用。
SKILL.md
Source commit e8d1148a80d5a281d4247cffe320add3df017928
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Network or broad shell
- Last checked
- Nov 10, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 29,243
- Repository last updated
- Nov 10, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- agent-skills Repository topic
- ai-design Repository topic
- claude-code Repository topic
- claude-skills Repository topic
- codex Repository topic
- cursor Repository topic
- design Repository topic
- html Repository topic
- pptx Repository topic
- prototype Repository topic
- design Derived category
- design-interface Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
.env.exampleasset · 840 bytes.gitignoreasset · 757 bytesLICENSEasset · 1,086 bytesREADME.en.mddoc · 34,717 bytesREADME.mddoc · 31,849 bytesSECURITY.mddoc · 7,387 bytesSKILL.mdcore · 19,387 bytesSKILL.mdcore · 19,387 bytesSKILL.mdcore · 19,387 bytesSKILL.mdcore · 19,387 bytesSKILL.mdcore · 19,387 bytesSKILL.mdcore · 19,387 bytesSKILL.mdcore · 19,387 bytesSKILL.mdcore · 19,387 bytesassets/android_frame.jsxruns · 4,506 bytesassets/animations.jsxruns · 10,528 bytesassets/banner.svgasset · 9,502 bytesassets/bgm-ad.mp3asset · 4,950,071 bytesassets/bgm-educational-alt.mp3asset · 4,468,765 bytesassets/bgm-educational.mp3asset · 4,047,162 bytesassets/bgm-tech.mp3asset · 4,818,429 bytesassets/bgm-tutorial-alt.mp3asset · 3,937,926 bytesassets/bgm-tutorial.mp3asset · 5,542,744 bytesassets/browser_window.jsxruns · 3,975 bytesassets/cursor.jsxruns · 14,408 bytesassets/deck_index.htmlasset · 21,320 bytesassets/deck_stage.jsruns · 11,678 bytesassets/design_canvas.jsxruns · 5,195 bytesassets/director-notes-samples/launch-film-30s-sample.mddoc · 80,208 bytesassets/ios_frame.jsxruns · 4,753 bytesassets/macos_window.jsxruns · 2,536 bytesassets/narration_stage.jsxruns · 20,715 bytesassets/personal-asset-index.example.jsonasset · 1,822 bytesassets/sfx/container/card-flip.mp3asset · 12,164 bytesassets/sfx/container/card-snap.mp3asset · 8,821 bytesassets/sfx/container/modal-open.mp3asset · 10,493 bytesassets/sfx/container/stack-collapse.mp3asset · 13,836 bytesassets/sfx/feedback/achievement.mp3asset · 24,703 bytesassets/sfx/feedback/error-tone.mp3asset · 12,164 bytesassets/sfx/feedback/notification-pop.mp3asset · 10,493 bytesassets/sfx/feedback/success-chime.mp3asset · 17,180 bytesassets/sfx/impact/brand-stamp.mp3asset · 17,180 bytesassets/sfx/impact/drop-thud.mp3asset · 12,164 bytesassets/sfx/impact/logo-reveal-v2.mp3asset · 24,703 bytesassets/sfx/impact/logo-reveal.mp3asset · 24,703 bytesassets/sfx/keyboard/delete-key.mp3asset · 8,821 bytesassets/sfx/keyboard/enter.mp3asset · 8,821 bytesassets/sfx/keyboard/space-tap.mp3asset · 8,821 bytesassets/sfx/keyboard/type-fast.mp3asset · 24,703 bytesassets/sfx/keyboard/type.mp3asset · 13,836 bytesassets/sfx/magic/ai-process.mp3asset · 20,106 bytesassets/sfx/magic/sparkle.mp3asset · 13,836 bytesassets/sfx/magic/transform.mp3asset · 17,180 bytesassets/sfx/progress/complete-done.mp3asset · 13,836 bytesassets/sfx/progress/generate-start.mp3asset · 13,836 bytesassets/sfx/progress/loading-tick.mp3asset · 8,821 bytesassets/sfx/terminal/command-execute.mp3asset · 8,821 bytesassets/sfx/terminal/cursor-blink.mp3asset · 8,821 bytesassets/sfx/terminal/output-appear.mp3asset · 10,493 bytesassets/sfx/transition/dissolve.mp3asset · 13,836 bytesassets/sfx/transition/slide-in.mp3asset · 10,493 bytesassets/sfx/transition/swipe-horizontal.mp3asset · 12,164 bytesassets/sfx/transition/whoosh-fast.mp3asset · 8,821 bytesassets/sfx/transition/whoosh.mp3asset · 10,493 bytesassets/sfx/ui/click-soft.mp3asset · 8,821 bytesassets/sfx/ui/click.mp3asset · 8,821 bytesassets/sfx/ui/focus.mp3asset · 8,821 bytesassets/sfx/ui/hover-subtle.mp3asset · 8,821 bytesassets/sfx/ui/tap-finger.mp3asset · 8,821 bytesassets/sfx/ui/toggle-on.mp3asset · 8,821 bytesassets/showcases/INDEX.mddoc · 5,548 bytesassets/showcases/cover/cover-build.htmlasset · 5,664 bytesassets/showcases/cover/cover-build.pngasset · 116,336 bytesassets/showcases/cover/cover-pentagram.htmlasset · 4,914 bytesassets/showcases/cover/cover-pentagram.pngasset · 36,047 bytesassets/showcases/cover/cover-takram.htmlasset · 11,823 bytesassets/showcases/cover/cover-takram.pngasset · 155,362 bytesassets/showcases/infographic/infographic-build.htmlasset · 11,696 bytesassets/showcases/infographic/infographic-build.pngasset · 108,710 bytesassets/showcases/infographic/infographic-pentagram.htmlasset · 13,911 bytesassets/showcases/infographic/infographic-pentagram.pngasset · 159,021 bytesassets/showcases/infographic/infographic-takram.htmlasset · 22,396 bytesassets/showcases/infographic/infographic-takram.pngasset · 162,976 bytesassets/showcases/ppt/ppt-build.htmlasset · 9,083 bytesassets/showcases/ppt/ppt-build.pngasset · 84,423 bytesassets/showcases/ppt/ppt-pentagram.htmlasset · 11,955 bytesassets/showcases/ppt/ppt-pentagram.pngasset · 101,335 bytesassets/showcases/ppt/ppt-takram.htmlasset · 15,656 bytesassets/showcases/ppt/ppt-takram.pngasset · 467,187 bytesassets/showcases/website-ai-nav/ainav-build.htmlasset · 9,621 bytesassets/showcases/website-ai-nav/ainav-build.pngasset · 85,064 bytesassets/showcases/website-ai-nav/ainav-pentagram.htmlasset · 10,553 bytesassets/showcases/website-ai-nav/ainav-pentagram.pngasset · 105,575 bytesassets/showcases/website-ai-nav/ainav-takram.htmlasset · 12,747 bytesassets/showcases/website-ai-nav/ainav-takram.pngasset · 121,675 bytesassets/showcases/website-ai-writing/aiwriting-build.htmlasset · 14,066 bytesassets/showcases/website-ai-writing/aiwriting-build.pngasset · 130,604 bytesassets/showcases/website-ai-writing/aiwriting-pentagram.htmlasset · 14,226 bytesassets/showcases/website-ai-writing/aiwriting-pentagram.pngasset · 150,195 bytesassets/showcases/website-ai-writing/aiwriting-takram.htmlasset · 18,003 bytesassets/showcases/website-ai-writing/aiwriting-takram.pngasset · 157,158 bytesassets/showcases/website-devdocs/devdocs-build.htmlasset · 9,928 bytesassets/showcases/website-devdocs/devdocs-build.pngasset · 68,230 bytesassets/showcases/website-devdocs/devdocs-pentagram.htmlasset · 12,801 bytesassets/showcases/website-devdocs/devdocs-pentagram.pngasset · 117,051 bytesassets/showcases/website-devdocs/devdocs-takram.htmlasset · 13,106 bytesassets/showcases/website-devdocs/devdocs-takram.pngasset · 111,854 bytesassets/showcases/website-homepage/homepage-build.htmlasset · 8,314 bytesassets/showcases/website-homepage/homepage-build.pngasset · 61,708 bytesassets/showcases/website-homepage/homepage-pentagram.htmlasset · 8,491 bytesassets/showcases/website-homepage/homepage-pentagram.pngasset · 57,093 bytesassets/showcases/website-homepage/homepage-takram.htmlasset · 10,543 bytesassets/showcases/website-homepage/homepage-takram.pngasset · 127,610 bytesassets/showcases/website-saas/saas-build.htmlasset · 12,901 bytesassets/showcases/website-saas/saas-build.pngasset · 99,745 bytesassets/showcases/website-saas/saas-pentagram.htmlasset · 15,050 bytesassets/showcases/website-saas/saas-pentagram.pngasset · 96,559 bytesassets/showcases/website-saas/saas-takram.htmlasset · 18,209 bytesassets/showcases/website-saas/saas-takram.pngasset · 123,532 bytesassets/style-specimens/app/01-hardware-panel.htmlasset · 7,283 bytesassets/style-specimens/app/01-hardware-panel.jpgasset · 75,421 bytesassets/style-specimens/app/02-liquid-glass.htmlasset · 6,962 bytesassets/style-specimens/app/02-liquid-glass.jpgasset · 90,008 bytesassets/style-specimens/app/03-playful-3d.htmlasset · 5,753 bytesassets/style-specimens/app/03-playful-3d.jpgasset · 94,978 bytesassets/style-specimens/app/04-friendly-fintech.htmlasset · 6,381 bytesassets/style-specimens/app/04-friendly-fintech.jpgasset · 93,529 bytesassets/style-specimens/app/05-pro-camera.htmlasset · 7,254 bytesassets/style-specimens/app/05-pro-camera.jpgasset · 76,334 bytesassets/style-specimens/app/06-topo-outdoor.htmlasset · 9,151 bytesassets/style-specimens/app/06-topo-outdoor.jpgasset · 92,581 bytesassets/style-specimens/app/07-feed-waterfall.htmlasset · 7,716 bytesassets/style-specimens/app/07-feed-waterfall.jpgasset · 83,495 bytesassets/style-specimens/app/08-command-palette.htmlasset · 6,505 bytesassets/style-specimens/app/08-command-palette.jpgasset · 56,758 bytesassets/style-specimens/app/09-health-color-code.htmlasset · 7,485 bytesassets/style-specimens/app/09-health-color-code.jpgasset · 75,935 bytesassets/style-specimens/app/10-native-polish.htmlasset · 6,513 bytesassets/style-specimens/app/10-native-polish.jpgasset · 76,319 bytesassets/style-specimens/app/11-gentle-encouraging.htmlasset · 6,438 bytesassets/style-specimens/app/11-gentle-encouraging.jpgasset · 81,985 bytesassets/style-specimens/app/12-editorial-reader.htmlasset · 6,078 bytesassets/style-specimens/app/12-editorial-reader.jpgasset · 116,882 bytesassets/style-specimens/east/01-lu-jingren-bookcraft.htmlasset · 4,128 bytesassets/style-specimens/east/01-lu-jingren-bookcraft.jpgasset · 70,152 bytesassets/style-specimens/east/02-song-block-print.htmlasset · 4,835 bytesassets/style-specimens/east/02-song-block-print.jpgasset · 149,839 bytesassets/style-specimens/east/03-republic-book-jacket.htmlasset · 4,717 bytesassets/style-specimens/east/03-republic-book-jacket.jpgasset · 59,094 bytesassets/style-specimens/east/04-shanghai-deco-calendar.htmlasset · 5,104 bytesassets/style-specimens/east/04-shanghai-deco-calendar.jpgasset · 78,134 bytesassets/style-specimens/east/05-hanzi-experimental-poster.htmlasset · 5,087 bytesassets/style-specimens/east/05-hanzi-experimental-poster.jpgasset · 55,436 bytesassets/style-specimens/east/06-hk-street-signs.htmlasset · 4,496 bytesassets/style-specimens/east/06-hk-street-signs.jpgasset · 118,281 bytesassets/style-specimens/east/07-traditional-colors-solar-terms.htmlasset · 6,097 bytesassets/style-specimens/east/07-traditional-colors-solar-terms.jpgasset · 81,663 bytesassets/style-specimens/east/08-sugiura-info-mandala.htmlasset · 28,521 bytesassets/style-specimens/east/08-sugiura-info-mandala.jpgasset · 130,342 bytesassets/style-specimens/east/09-tanaka-geometric-poster.htmlasset · 3,179 bytesassets/style-specimens/east/09-tanaka-geometric-poster.jpgasset · 54,851 bytesassets/style-specimens/east/10-hattori-playful-offset.htmlasset · 2,990 bytesassets/style-specimens/east/10-hattori-playful-offset.jpgasset · 91,746 bytesassets/style-specimens/east/11-sato-minimal-symbol.htmlasset · 2,827 bytesassets/style-specimens/east/11-sato-minimal-symbol.jpgasset · 46,514 bytesassets/style-specimens/east/12-japan-magazine-dense.htmlasset · 14,513 bytesassets/style-specimens/east/12-japan-magazine-dense.jpgasset · 125,558 bytesassets/style-specimens/info/01-personal-annual-report.htmlasset · 9,510 bytesassets/style-specimens/info/01-personal-annual-report.jpgasset · 124,360 bytesassets/style-specimens/info/02-explanation-graphics.htmlasset · 5,055 bytesassets/style-specimens/info/02-explanation-graphics.jpgasset · 112,423 bytesassets/style-specimens/info/03-cross-section-epic.htmlasset · 7,255 bytesassets/style-specimens/info/03-cross-section-epic.jpgasset · 153,950 bytesassets/style-specimens/info/04-magazine-pop-data.htmlasset · 3,682 bytesassets/style-specimens/info/04-magazine-pop-data.jpgasset · 86,801 bytesassets/style-specimens/info/05-isotype.htmlasset · 4,001 bytesassets/style-specimens/info/05-isotype.jpgasset · 123,494 bytesassets/style-specimens/info/06-data-humanism.htmlasset · 6,064 bytesassets/style-specimens/info/06-data-humanism.jpgasset · 87,739 bytesassets/style-specimens/info/07-scrollytelling.htmlasset · 5,031 bytesassets/style-specimens/info/07-scrollytelling.jpgasset · 71,448 bytesassets/style-specimens/info/08-cartographic-lead.htmlasset · 4,747 bytesassets/style-specimens/info/08-cartographic-lead.jpgasset · 85,839 bytesassets/style-specimens/info/09-newsroom-chart.htmlasset · 5,185 bytesassets/style-specimens/info/09-newsroom-chart.jpgasset · 65,398 bytesassets/style-specimens/info/10-computational-portrait.htmlasset · 4,471 bytesassets/style-specimens/info/10-computational-portrait.jpgasset · 150,930 bytesassets/style-specimens/info/11-beautiful-information.htmlasset · 4,309 bytesassets/style-specimens/info/11-beautiful-information.jpgasset · 94,419 bytesassets/style-specimens/info/12-open-research-data.htmlasset · 3,497 bytesassets/style-specimens/info/12-open-research-data.jpgasset · 86,806 bytesassets/style-specimens/info/13-speculative-tech-diagram.htmlasset · 4,103 bytesassets/style-specimens/info/13-speculative-tech-diagram.jpgasset · 50,160 bytesassets/style-specimens/info/14-pictogram-system.htmlasset · 4,402 bytesassets/style-specimens/info/14-pictogram-system.jpgasset · 81,737 bytesassets/style-specimens/info/15-small-multiples.htmlasset · 3,028 bytesassets/style-specimens/info/15-small-multiples.jpgasset · 70,229 bytesassets/style-specimens/info/16-topological-transit-map.htmlasset · 3,662 bytesassets/style-specimens/info/16-topological-transit-map.jpgasset · 64,615 bytesassets/style-specimens/info/17-ma-emptiness.htmlasset · 2,035 bytesassets/style-specimens/info/17-ma-emptiness.jpgasset · 21,024 bytesassets/style-specimens/info/18-bookcraft-data.htmlasset · 3,087 bytesassets/style-specimens/info/18-bookcraft-data.jpgasset · 99,155 bytesassets/style-specimens/info/19-scientific-figure-plate.htmlasset · 5,291 bytesassets/style-specimens/info/19-scientific-figure-plate.jpgasset · 82,562 bytesassets/style-specimens/info/20-swiss-grid-report.htmlasset · 3,271 bytesassets/style-specimens/info/20-swiss-grid-report.jpgasset · 70,845 bytesassets/style-specimens/ppt/01-neo-swiss-billboard.htmlasset · 2,642 bytesassets/style-specimens/ppt/01-neo-swiss-billboard.jpgasset · 69,373 bytesassets/style-specimens/ppt/02-black-big-number-stage.htmlasset · 1,297 bytesassets/style-specimens/ppt/02-black-big-number-stage.jpgasset · 29,916 bytesassets/style-specimens/ppt/03-mono-brand-type-hero.htmlasset · 1,633 bytesassets/style-specimens/ppt/03-mono-brand-type-hero.jpgasset · 51,475 bytesassets/style-specimens/ppt/04-full-bleed-gradient-manifesto.htmlasset · 1,488 bytesassets/style-specimens/ppt/04-full-bleed-gradient-manifesto.jpgasset · 77,190 bytesassets/style-specimens/ppt/05-candy-lecture-stage.htmlasset · 1,573 bytesassets/style-specimens/ppt/05-candy-lecture-stage.jpgasset · 35,181 bytesassets/style-specimens/ppt/06-playful-collins-editorial.htmlasset · 2,455 bytesassets/style-specimens/ppt/06-playful-collins-editorial.jpgasset · 83,057 bytesassets/style-specimens/ppt/07-irreverent-pop.htmlasset · 2,877 bytesassets/style-specimens/ppt/07-irreverent-pop.jpgasset · 87,248 bytesassets/style-specimens/ppt/08-y2k-inflated-wrapped.htmlasset · 2,434 bytesassets/style-specimens/ppt/08-y2k-inflated-wrapped.jpgasset · 76,749 bytesassets/style-specimens/ppt/09-bento-grid.htmlasset · 4,237 bytesassets/style-specimens/ppt/09-bento-grid.jpgasset · 69,785 bytesassets/style-specimens/ppt/10-dark-hairline-terminal.htmlasset · 2,790 bytesassets/style-specimens/ppt/10-dark-hairline-terminal.jpgasset · 56,116 bytesassets/style-specimens/ppt/11-two-font-consulting.htmlasset · 3,821 bytesassets/style-specimens/ppt/11-two-font-consulting.jpgasset · 94,912 bytesassets/style-specimens/ppt/12-diagram-isotype.htmlasset · 5,300 bytesassets/style-specimens/ppt/12-diagram-isotype.jpgasset · 96,851 bytesassets/style-specimens/ppt/13-diagrammatic-minimalism.htmlasset · 3,054 bytesassets/style-specimens/ppt/13-diagrammatic-minimalism.jpgasset · 77,262 bytesassets/style-specimens/ppt/14-narrative-sparkline.htmlasset · 3,755 bytesassets/style-specimens/ppt/14-narrative-sparkline.jpgasset · 67,301 bytesassets/style-specimens/ppt/15-assertion-evidence.htmlasset · 3,295 bytesassets/style-specimens/ppt/15-assertion-evidence.jpgasset · 61,037 bytesassets/style-specimens/ppt/16-institutional-swiss.htmlasset · 2,651 bytesassets/style-specimens/ppt/16-institutional-swiss.jpgasset · 76,585 bytesassets/style-specimens/ppt/17-editorial-longform.htmlasset · 3,985 bytesassets/style-specimens/ppt/17-editorial-longform.jpgasset · 107,466 bytesassets/style-specimens/ppt/18-humanist-rounded-cards.htmlasset · 4,190 bytesassets/style-specimens/ppt/18-humanist-rounded-cards.jpgasset · 84,719 bytesassets/style-specimens/ppt/19-dense-research-report.htmlasset · 5,263 bytesassets/style-specimens/ppt/19-dense-research-report.jpgasset · 94,418 bytesassets/style-specimens/ppt/20-all-text-manifesto.htmlasset · 1,612 bytesassets/style-specimens/ppt/20-all-text-manifesto.jpgasset · 67,491 bytesassets/style-specimens/sheet-app.jpgasset · 148,578 bytesassets/style-specimens/sheet-east.jpgasset · 159,571 bytesassets/style-specimens/sheet-info.jpgasset · 236,666 bytesassets/style-specimens/sheet-ppt.jpgasset · 235,020 bytesassets/style-specimens/sheet-web.jpgasset · 240,289 bytesassets/style-specimens/sheet-xhs.jpgasset · 110,570 bytesassets/style-specimens/web/01-editorial-brutalism.htmlasset · 4,348 bytesassets/style-specimens/web/01-editorial-brutalism.jpgasset · 106,477 bytesassets/style-specimens/web/02-neo-brutalism.htmlasset · 4,334 bytesassets/style-specimens/web/02-neo-brutalism.jpgasset · 116,438 bytesassets/style-specimens/web/03-memphis-maximalism.htmlasset · 4,868 bytesassets/style-specimens/web/03-memphis-maximalism.jpgasset · 170,654 bytesassets/style-specimens/web/04-friendly-candy.htmlasset · 4,946 bytesassets/style-specimens/web/04-friendly-candy.jpgasset · 65,788 bytesassets/style-specimens/web/05-pure-css-art.htmlasset · 5,501 bytesassets/style-specimens/web/05-pure-css-art.jpgasset · 74,833 bytesassets/style-specimens/web/06-bold-big-type.htmlasset · 2,594 bytesassets/style-specimens/web/06-bold-big-type.jpgasset · 68,854 bytesassets/style-specimens/web/07-cosmic-retro-futurism.htmlasset · 4,124 bytesassets/style-specimens/web/07-cosmic-retro-futurism.jpgasset · 85,819 bytesassets/style-specimens/web/08-cinematic-sound-viz.htmlasset · 12,474 bytesassets/style-specimens/web/08-cinematic-sound-viz.jpgasset · 89,936 bytesassets/style-specimens/web/09-pixel-side-scroller.htmlasset · 14,976 bytesassets/style-specimens/web/09-pixel-side-scroller.jpgasset · 60,901 bytesassets/style-specimens/web/10-bauhaus-geometric.htmlasset · 4,955 bytesassets/style-specimens/web/10-bauhaus-geometric.jpgasset · 70,772 bytesassets/style-specimens/web/11-dark-editorial.htmlasset · 4,452 bytesassets/style-specimens/web/11-dark-editorial.jpgasset · 58,035 bytesassets/style-specimens/web/12-warm-editorial.htmlasset · 3,922 bytesassets/style-specimens/web/12-warm-editorial.jpgasset · 77,516 bytesassets/style-specimens/web/13-glassmorphism-bento.htmlasset · 5,807 bytesassets/style-specimens/web/13-glassmorphism-bento.jpgasset · 73,854 bytesassets/style-specimens/web/14-angled-fluid-gradient.htmlasset · 4,064 bytesassets/style-specimens/web/14-angled-fluid-gradient.jpgasset · 87,254 bytesassets/style-specimens/web/15-utility-colorful-docs.htmlasset · 5,911 bytesassets/style-specimens/web/15-utility-colorful-docs.jpgasset · 67,154 bytesassets/style-specimens/web/16-terminal-core.htmlasset · 5,068 bytesassets/style-specimens/web/16-terminal-core.jpgasset · 64,169 bytesassets/style-specimens/web/17-functional-brutalism.htmlasset · 5,608 bytesassets/style-specimens/web/17-functional-brutalism.jpgasset · 119,761 bytesassets/style-specimens/web/18-gallery-dark.htmlasset · 5,021 bytesassets/style-specimens/web/18-gallery-dark.jpgasset · 23,228 bytesassets/style-specimens/web/19-swiss-monochrome.htmlasset · 3,363 bytesassets/style-specimens/web/19-swiss-monochrome.jpgasset · 68,812 bytesassets/style-specimens/web/20-kenya-hara-white-gallery.htmlasset · 3,263 bytesassets/style-specimens/web/20-kenya-hara-white-gallery.jpgasset · 35,039 bytesassets/style-specimens/xhs/01-specimen-journal.htmlasset · 5,924 bytesassets/style-specimens/xhs/01-specimen-journal.jpgasset · 128,411 bytesassets/style-specimens/xhs/02-sticker-notebook.htmlasset · 6,303 bytesassets/style-specimens/xhs/02-sticker-notebook.jpgasset · 117,202 bytesassets/style-specimens/xhs/03-index-ink.htmlasset · 4,675 bytesassets/style-specimens/xhs/03-index-ink.jpgasset · 97,791 bytesassets/style-specimens/xhs/04-panorama-strip.htmlasset · 4,193 bytesassets/style-specimens/xhs/04-panorama-strip.jpgasset · 103,905 bytesassets/style-specimens/xhs/05-daily-paper.htmlasset · 5,994 bytesassets/style-specimens/xhs/05-daily-paper.jpgasset · 125,334 bytesassets/style-specimens/xhs/06-trading-cards.htmlasset · 5,402 bytesassets/style-specimens/xhs/06-trading-cards.jpgasset · 131,267 bytesassets/style-specimens/xhs/07-blank-vertical.htmlasset · 2,876 bytesassets/style-specimens/xhs/07-blank-vertical.jpgasset · 57,747 bytesassets/style-specimens/xhs/08-area-infographic.htmlasset · 5,098 bytesassets/style-specimens/xhs/08-area-infographic.jpgasset · 132,565 bytesassets/style-specimens/xhs/_kit/README.mddoc · 867 bytesassets/style-specimens/xhs/_kit/birds.jsruns · 3,716 bytesassets/style-specimens/xhs/_kit/stickers/Accipiter_nisus.webpasset · 23,678 bytesassets/style-specimens/xhs/_kit/stickers/Agapornis_pullarius.webpasset · 28,328 bytesassets/style-specimens/xhs/_kit/stickers/Aix_galericulata.webpasset · 34,872 bytesassets/style-specimens/xhs/_kit/stickers/Alcedo_atthis.webpasset · 24,452 bytesassets/style-specimens/xhs/_kit/stickers/Ara_macao.webpasset · 18,770 bytesassets/style-specimens/xhs/_kit/stickers/Bubo_bubo.webpasset · 39,888 bytesassets/style-specimens/xhs/_kit/stickers/Cacatua_galerita.webpasset · 16,160 bytesassets/style-specimens/xhs/_kit/stickers/Calyptorhynchus_banksii.webpasset · 31,174 bytesassets/style-specimens/xhs/_kit/stickers/Carpodacus_erythrinus.webpasset · 29,236 bytesassets/style-specimens/xhs/_kit/stickers/Chrysolophus_pictus.webpasset · 25,828 bytesassets/style-specimens/xhs/_kit/stickers/Coracias_caudatus.webpasset · 31,028 bytesassets/style-specimens/xhs/_kit/stickers/Ensifera_ensifera.webpasset · 20,906 bytesassets/style-specimens/xhs/_kit/stickers/Eolophus_roseicapilla.webpasset · 25,960 bytesassets/style-specimens/xhs/_kit/stickers/Grus_japonensis.webpasset · 16,018 bytesassets/style-specimens/xhs/_kit/stickers/LICENSE.mddoc · 343 bytesassets/style-specimens/xhs/_kit/stickers/Merops_apiaster.webpasset · 23,060 bytesassets/style-specimens/xhs/_kit/stickers/Nestor_notabilis.webpasset · 40,610 bytesassets/style-specimens/xhs/_kit/stickers/Platycercus_icterotis.webpasset · 24,216 bytesassets/style-specimens/xhs/_kit/stickers/Psephotellus_chrysopterygius.webpasset · 27,002 bytesassets/style-specimens/xhs/_kit/stickers/Psittacus_erithacus.webpasset · 28,358 bytesassets/style-specimens/xhs/_kit/stickers/Trichoglossus_moluccanus.webpasset · 25,454 bytesassets/style-specimens/xhs/_kit/stickers/Upupa_epops.webpasset · 25,422 bytesassets/style-specimens/xhs/_kit/stickers/Vini_kuhlii.webpasset · 27,374 bytesassets/style-specimens/xhs/_kit/xhs.cssasset · 2,547 bytesassets/style-specimens/xhs/_kit/xhs.jsruns · 1,819 bytescordis.patch.ymlasset · 554 bytesdemos/c1-ios-prototype-en.htmlasset · 35,163 bytesdemos/c1-ios-prototype.htmlasset · 35,149 bytesdemos/c2-slides-pptx-en.htmlasset · 32,906 bytesdemos/c2-slides-pptx.htmlasset · 32,975 bytesdemos/c3-motion-design-en.htmlasset · 37,031 bytesdemos/c3-motion-design.htmlasset · 37,048 bytesdemos/c4-tweaks-en.htmlasset · 31,102 bytesdemos/c4-tweaks.htmlasset · 31,150 bytesdemos/c5-infographic-en.htmlasset · 24,941 bytesdemos/c5-infographic.htmlasset · 24,823 bytesdemos/c6-expert-review-en.htmlasset · 26,382 bytesdemos/c6-expert-review.htmlasset · 26,822 bytesdemos/hero-animation-v10-en.htmlasset · 48,712 bytesdemos/md-html-narration/md-html-demo.htmlasset · 37,926 bytesdemos/md-html-narration/script.mddoc · 3,452 bytesdemos/voiceover-demo/script.mddoc · 589 bytesdemos/voiceover-demo/什么是token.htmlasset · 11,988 bytesdemos/w1-brand-protocol-en.htmlasset · 20,572 bytesdemos/w1-brand-protocol.htmlasset · 20,905 bytesdemos/w2-junior-designer-en.htmlasset · 31,305 bytesdemos/w2-junior-designer.htmlasset · 31,764 bytesdemos/w3-fallback-advisor-en.htmlasset · 23,901 bytesdemos/w3-fallback-advisor.htmlasset · 26,413 bytespackage-lock.jsonasset · 9,742 bytespackage.jsonruns · 891 bytesreferences/about-author.mddoc · 10,459 bytesreferences/ai-video-review.mddoc · 4,037 bytesreferences/animation-best-practices.mddoc · 22,605 bytesreferences/animation-pitfalls.mddoc · 30,806 bytesreferences/animations.mddoc · 7,762 bytesreferences/app-prototype.mddoc · 11,895 bytesreferences/apple-gallery-showcase.mddoc · 11,568 bytesreferences/audio-design-rules.mddoc · 9,613 bytesreferences/brand-asset-protocol.mddoc · 15,424 bytesreferences/camera-language.mddoc · 23,221 bytesreferences/cinematic-patterns.mddoc · 11,115 bytesreferences/content-guidelines.mddoc · 12,328 bytesreferences/critique-guide.mddoc · 9,091 bytesreferences/design-context.mddoc · 6,737 bytesreferences/design-styles.mddoc · 108,285 bytesreferences/directions.mddoc · 13,636 bytesreferences/editable-pptx.mddoc · 18,660 bytesreferences/evolution.mddoc · 7,242 bytesreferences/experience.mddoc · 5,220 bytesreferences/gsap-recipes.mddoc · 35,591 bytesreferences/hero-animation-case-study.mddoc · 11,620 bytesreferences/hyperframes-backend.mddoc · 7,480 bytesreferences/launch-film-director-notes.mddoc · 14,886 bytesreferences/materials.mddoc · 5,577 bytesreferences/modules/deck.mddoc · 4,394 bytesreferences/modules/infographic.mddoc · 2,526 bytesreferences/modules/motion.mddoc · 6,470 bytesreferences/modules/web.mddoc · 3,407 bytesreferences/modules/xiaohongshu.mddoc · 6,573 bytesreferences/multi-perspective-parallel-case-study.mddoc · 11,153 bytesreferences/polish-loop.mddoc · 4,253 bytesreferences/pptx-from-rendered-html.mddoc · 10,415 bytesreferences/react-setup.mddoc · 9,682 bytesreferences/scene-templates.mddoc · 7,314 bytesreferences/sfx-library.mddoc · 9,762 bytesreferences/slide-decks.mddoc · 36,193 bytesreferences/steady-track.mddoc · 7,085 bytesreferences/storyboard-basics.mddoc · 24,025 bytesreferences/tweaks-system.mddoc · 9,015 bytesreferences/typography.mddoc · 18,751 bytesreferences/ui-demo-animation.mddoc · 29,109 bytesreferences/verification.mddoc · 7,261 bytesreferences/video-export.mddoc · 11,592 bytesreferences/voiceover-pipeline.mddoc · 20,263 bytesreferences/workflow.mddoc · 11,857 bytesscripts/add-music.shruns · 4,150 bytesscripts/build_specimens.pyruns · 4,456 bytesscripts/capabilities.pyruns · 3,888 bytesscripts/cloud/ai-review-video.pyruns · 20,433 bytesscripts/cloud/tts-doubao.mjsruns · 10,071 bytesscripts/convert-formats.shruns · 3,000 bytesscripts/design-gate-hook.shruns · 3,459 bytesscripts/design_lint.pyruns · 28,799 bytesscripts/export_deck_pdf.mjsruns · 3,383 bytesscripts/export_deck_pptx.mjsruns · 3,800 bytesscripts/export_deck_stage_pdf.mjsruns · 4,955 bytesscripts/fetch_images.pyruns · 4,442 bytesscripts/gen_deck_thumbs.mjsruns · 3,509 bytesscripts/html2pptx.jsruns · 34,728 bytesscripts/learn.pyruns · 10,510 bytesscripts/mix-voiceover.shruns · 5,358 bytesscripts/narrate-pipeline.mjsruns · 12,530 bytesscripts/polish.pyruns · 13,757 bytesscripts/pptx_from_rendered.pyruns · 29,656 bytesscripts/ref_board.pyruns · 6,865 bytesscripts/render-narration.shruns · 5,425 bytesscripts/render-video-seek.jsruns · 9,778 bytesscripts/render-video.jsruns · 12,293 bytesscripts/sfx-cues.shruns · 1,643 bytesscripts/tests/fixtures/assets/logo.pngasset · 76 bytesscripts/tests/fixtures/lint_broken.htmlasset · 391 bytesscripts/tests/fixtures/lint_clean.htmlasset · 778 bytesscripts/tests/fixtures/lint_offline.htmlasset · 302 bytesscripts/tests/fixtures/lint_reskin.htmlasset · 1,749 bytesscripts/tests/fixtures/lint_slop.htmlasset · 1,742 bytesscripts/tests/fixtures/lint_tricky_bad.htmlasset · 633 bytesscripts/tests/fixtures/lint_tricky_ok.htmlasset · 1,347 bytesscripts/tests/fixtures/mixed_text.htmlasset · 1,091 bytesscripts/tests/fixtures/xhs_bad.htmlasset · 1,520 bytesscripts/tests/fixtures/xhs_ok.htmlasset · 702 bytesscripts/tests/test_compare_failures.pyruns · 3,065 bytesscripts/tests/test_design_lint.pyruns · 8,606 bytesscripts/tests/test_polish.pyruns · 4,698 bytesscripts/tests/test_pptx_from_rendered.pyruns · 4,099 bytesscripts/tests/test_pptx_svg_index.pyruns · 1,674 bytesscripts/tests/test_xhs_render.pyruns · 2,062 bytesscripts/verify-video.shruns · 4,996 bytesscripts/verify.pyruns · 5,451 bytesscripts/xhs_render.pyruns · 10,925 bytestest-prompts.jsonasset · 4,018 bytes
Read excerpt
# 花叔Design · Huashu-Design
## 你是谁
**你是设计师,不是写HTML的程序员。** HTML只是你的媒介,就像别人用Figma、
用AE、用InDesign——工具不定义你,交付标准才定义你。
那个标准是:**产出要让人认不出是AI做的。** 不是「AI做得还行」,
是别人看到会问「这哪个工作室做的」。你有能力达到——现在的模型可以调用任何一位
顶尖设计师、任何一家顶级工作室积累的方法和品味,**限制通常不在能力,
在于有没有先认定自己要做到那个水准**。
还有一件事要先认清:**你有自己的默认审美。** 不加约束时你会滑向暖奶油底、高反差衬线标题、
陶土色点缀、全大写小标签、01/02/03 编号——那是 Claude 自己的配色,也是 2026 年 AI 生成页面