huashu-design
Create HTML Prototypes, Slides, and Animations
Visual briefs need clear direction, consistent assets, and practical export options. Huashu Design guides three visual drafts, HTML implementation, local verification, and optional presentation or video exports.
์ค์น ์ ์ ์ค์งํ๊ณ ํ์ธ์ ์์ฒญํ์ธ์.
๊ณํ์ ๊ฒํ ํ๊ณ ํ์ผ์ ๋ณ๊ฒฝํ๊ธฐ ์ ์ ์ฌ์ฉ์์ ๋ช ์์ ๋์๋ฅผ ๋ฐ์ผ์ธ์.
๋ด ์์ด์ ํธ๋ก ์ค์น
์ด ์์ฒญ์ ์์ด์ ํธ์ ๋ณต์ฌํ์ธ์. ๊ณต์ Skill ํ์ด์ง์ ๋งค๋ํ์คํธ๊ฐ ํฌํจ๋์ด ์์ต๋๋ค.
Review the Skillstore skill "huashu-design" from https://skillstore.io/skills/alchaincyf-huashu-design.md and its manifest at https://skillstore.io/api/skills/alchaincyf-huashu-design/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.์์ด์ ํธ๋ ๊ณ์ํด์ ๊ณํ์ ํ์ํ๊ณ ๋ณด์ ์ ์ฑ ์์ ์๊ตฌํ๋ ํ์ธ์ ์์ฒญํด์ผ ํฉ๋๋ค.
์์ด์ ํธ๊ฐ ์ฝ๊ธฐ ์ฌ์ด ๋ฆฌ์์ค
AI ์์ด์ ํธ, ํฌ๋กค๋ฌ, ์คํฌ๋ฆฝํธ๊ฐ ์ ์ฒด ํ์ด์ง ๋์ ์ ๋ฆฌ๋ ์ปจํ ์คํธ๋ง ํ์ํ ๋ ์ด ๋งํฌ๋ฅผ ์ฌ์ฉํ์ธ์.
ํ ์คํธํด ๋ณด๊ธฐ
"huashu-design" ์ฌ์ฉ ์ค์ ๋๋ค. Create an onboarding prototype for a reading application using supplied screenshots.
์์ ๊ฒฐ๊ณผ:
- Three visual direction screenshots for selection.
- An approved HTML prototype with interactive onboarding screens.
- A verification summary covering key clicks and remaining limitations.
"huashu-design" ์ฌ์ฉ ์ค์ ๋๋ค. Turn an approved workshop outline into an eight-slide presentation.
์์ ๊ฒฐ๊ณผ:
- Representative slides in three distinct visual directions.
- A selected HTML deck with overview navigation and a PDF handout.
- An editable PPTX when requested, with export fidelity notes.
"huashu-design" ์ฌ์ฉ ์ค์ ๋๋ค. Produce a short product demonstration from approved interface images.
์์ ๊ฒฐ๊ณผ:
- Three direction boards followed by an approved storyboard.
- An HTML animation and MP4 with planned music and sound effects.
- A quality checklist covering framing, text, timing, and audio.
๋ณด์ ๊ฐ์ฌ
๋์ ์ํAll 400 supplied findings were adjudicated; most match benign design text, dependency checksums, or declared local tooling. Retained risks concern Python execution, cloud consent and transport, proxy bypass, browser credentials, unescaped labels, destructive cleanup, and global installation. No evidence found of deliberate malware or auditor-targeted prompt injection; 1,337 omitted matches still require manual review before automatic publication. Static review was capped at 400/1737 representative findings; omitted static matches are unconfirmed, so automatic publishing stays disabled until manual review.
ํ์ธ๋ ๋ณด์ ์ฐ๋ ค ์ฌํญ (4)
๊ธฐ๋ฅ ๊ฒํ ํญ๋ชฉ (20)
์ด ์คํฌ์ ๋ํด ์์๋ ์ ์๋ ์ค์ ๋ก์ปฌ ๊ธฐ๋ฅ์ด๋ฏ๋ก ๊ฒํ ๊ฐ ํ์ํ์ง๋ง, ํ์ธ๋ ์ ์์ ๋์์ผ๋ก๋ ์ง๊ณ๋์ง ์์ต๋๋ค.
์ํ ์์ธ
๐ ๋คํธ์ํฌ ์ ๊ทผ (50)
๐ ํ๊ฒฝ ๋ณ์ (50)
๐ ํ์ผ ์์คํ ์ ๊ทผ (50)
โ๏ธ ์ธ๋ถ ๋ช ๋ น์ด (50)
โก ์คํฌ๋ฆฝํธ ํฌํจ (23)
์ด ๋ณด๊ณ ์ ๊ณต์ ๋ฐ ์ธ์ฉ
๋ฒ์ ์ด ์ง์ ๋ ํ๊ฐ ๋ณด๊ณ ์, ์ค๋ฆฝ ๋ฐฐ์ง, ์๋ฒ ๋ ์นด๋ ๋ฐ ์ธ์ฉ์ ๊ณต์ ํ์ธ์. Skillstore๋ ๊ทผ๊ฑฐ๋ฅผ ๋ณด๊ณ ํ์ง๋ง ์ด Skill์ ์์ ์ฌ๋ถ๋ฅผ ํ๋จํ์ง ์์ต๋๋ค.
๋ณด๊ณ ์ ๋งํฌ ๋ณต์ฌ
https://skillstore.io/skills/alchaincyf-huashu-design/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown ๋ฐฐ์ง
[](https://skillstore.io/skills/alchaincyf-huashu-design?utm_source=security_passport_badge)HTML ๋ฐฐ์ง
<a href="https://skillstore.io/skills/alchaincyf-huashu-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/alchaincyf-huashu-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>์๋ฒ ๋ ์นด๋
<iframe src="https://skillstore.io/embed/skills/alchaincyf-huashu-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>ํ์ ์ธ์ฉ (APA ยท BibTeX ยท CFF)
APA ์ธ์ฉ
alchaincyf. (2026). huashu-design security audit report (audit version 1) [Author version 2.0]. Skillstore. https://skillstore.io/skills/alchaincyf-huashu-design/audits/1BibTeX ์ธ์ฉ
@techreport{alchaincyf-alchaincyf-huashu-design-2026,
author = {alchaincyf},
title = {huashu-design security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/alchaincyf-huashu-design/audits/1},
note = {Author version 2.0}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "huashu-design security audit report (audit version 1)"
version: "2.0"
type: report
authors:
- name: "alchaincyf"
date-released: "2026-10-13"
url: "https://skillstore.io/skills/alchaincyf-huashu-design/audits/1"
identifiers:
- type: other
value: "skillstore:alchaincyf-huashu-design:audit:1"
description: "Skillstore immutable audit report identifier"
Skillstore ์ ์
์ด ์ ์์ ์ด์ ์ฆ๊ฑฐ ์ ๋ขฐ๋: ์ค๊ฐ๋ง๋ค ์ ์๋ ๊ฒ
Compare Product Interface Directions
Explore three branded interface drafts, select a direction, and build an interactive prototype for stakeholder review.
Build Training Presentations
Turn approved teaching material into navigable HTML slides, a PDF handout, and an optional editable PowerPoint deck.
Produce Product Demonstration Videos
Plan keyframes, animate approved product assets, and export videos with narration, captions, music, and sound effects.
์ด ํ๋กฌํํธ๋ฅผ ์ฌ์ฉํด ๋ณด์ธ์
Create three HTML infographic drafts about [topic] for [audience]. Use [approved content]. Show screenshots and wait for my selection.
Prototype [product] using [brand assets] and [key flows]. Show three directions first. After approval, implement interactions and verify clicks locally.
Design a [slide count]-slide deck from [outline] for [audience]. Show three representative directions. After approval, deliver HTML and PDF. Ask before PPTX export.
Plan a [duration]-second animation using [approved assets]. Show three direction boards, then storyboard the selected direction. Export MP4 with captions and audio. Keep cloud tools disabled and request approval before external installation.
๋ชจ๋ฒ ์ฌ๋ก
- Provide approved content, brand assets, audience details, and output dimensions before selecting a direction.
- Verify screenshots, interactions, typography, and exported files before delivery.
- Fix reported issues before using bundled scripts in an isolated project. Require explicit approval for cloud transfers and global skill installation.
ํผํ๊ธฐ
- Use the skill as a substitute for production application engineering or backend architecture.
- Run bundled scripts on untrusted cue tables or parameter values before fixing the reported injection risks.
- Upload confidential notes or enter production API keys into browser demos without reviewing data exposure.
์์ฃผ ๋ฌป๋ ์ง๋ฌธ
Which assistants can use this skill?
Does every task require three design directions?
Can it export editable PowerPoint presentations?
Do I need API keys?
Will every workflow run offline?
What security precautions are required?
๊ฐ๋ฐ์ ์ธ๋ถ ์ ๋ณด
์์ฑ์
alchaincyf๋ผ์ด์ ์ค
MIT
์์ฑ์ ๋ฒ์
v2.0
Skillstore ๋ฆฌ๋น์
r1
๋ฒ์ ์๋ด
์์ฑ์๊ฐ ์ ์ธํ ๋ฒ์ ์ ์ ํจํ SemVer๊ฐ ์๋๋๋ค.
๋ฆฌํฌ์งํ ๋ฆฌ
https://github.com/alchaincyf/huashu-design/tree/3bd465d7ad29ffcb284113beb48910b469f00797/์ฐธ์กฐ
a770af0f356e43e22d92a7f87661832b6505aa2d
์ ์ง๋ณด์ ์ต์ ์ฑ
2026. 10. 15.
์ฌ์ฉ๋
0 ๋ค์ด๋ก๋ ยท 0 ์กฐํ
ํ์ผ ๊ตฌ์กฐ
๐ .env.example
๐ .gitignore
๐ assets/
๐ android_frame.jsx
๐ animations.jsx
๐ banner.svg
๐ bgm-ad.mp3
๐ bgm-educational.mp3
๐ bgm-tech.mp3
๐ bgm-tutorial-alt.mp3
๐ bgm-tutorial.mp3
๐ browser_window.jsx
๐ cursor.jsx
๐ deck_index.html
๐ deck_stage.js
๐ design_canvas.jsx
๐ launch-film-30s-sample.md
๐ ios_frame.jsx
๐ macos_window.jsx
๐ narration_stage.jsx
๐ personal-asset-index.example.json
๐ sfx/
๐ container/
๐ card-flip.mp3
๐ card-snap.mp3
๐ modal-open.mp3
๐ stack-collapse.mp3
๐ feedback/
๐ achievement.mp3
๐ error-tone.mp3
๐ notification-pop.mp3
๐ success-chime.mp3
๐ impact/
๐ brand-stamp.mp3
๐ drop-thud.mp3
๐ logo-reveal-v2.mp3
๐ logo-reveal.mp3
๐ keyboard/
๐ delete-key.mp3
๐ enter.mp3
๐ space-tap.mp3
๐ type-fast.mp3
๐ type.mp3
๐ magic/
๐ ai-process.mp3
๐ sparkle.mp3
๐ transform.mp3
๐ progress/
๐ complete-done.mp3
๐ generate-start.mp3
๐ loading-tick.mp3
๐ terminal/
๐ command-execute.mp3
๐ cursor-blink.mp3
๐ output-appear.mp3
๐ transition/
๐ dissolve.mp3
๐ slide-in.mp3
๐ swipe-horizontal.mp3
๐ whoosh-fast.mp3
๐ whoosh.mp3
๐ ui/
๐ click-soft.mp3
๐ click.mp3
๐ focus.mp3
๐ hover-subtle.mp3
๐ tap-finger.mp3
๐ toggle-on.mp3
๐ showcases/
๐ cover/
๐ cover-build.html
๐ cover-build.png
๐ cover-pentagram.html
๐ cover-pentagram.png
๐ cover-takram.html
๐ cover-takram.png
๐ INDEX.md
๐ infographic/
๐ infographic-pentagram.html
๐ infographic-pentagram.png
๐ ppt/
๐ ppt-build.html
๐ ppt-build.png
๐ ppt-pentagram.html
๐ ppt-pentagram.png
๐ ppt-takram.html
๐ ppt-takram.png
๐ website-ai-nav/
๐ ainav-build.html
๐ ainav-build.png
๐ ainav-pentagram.html
๐ ainav-pentagram.png
๐ ainav-takram.html
๐ ainav-takram.png
๐ website-ai-writing/
๐ aiwriting-build.html
๐ aiwriting-build.png
๐ aiwriting-takram.png
๐ website-devdocs/
๐ devdocs-build.html
๐ devdocs-build.png
๐ devdocs-takram.html
๐ devdocs-takram.png
๐ website-homepage/
๐ homepage-build.html
๐ homepage-build.png
๐ homepage-takram.html
๐ homepage-takram.png
๐ website-saas/
๐ saas-build.html
๐ saas-build.png
๐ saas-pentagram.html
๐ saas-pentagram.png
๐ saas-takram.html
๐ saas-takram.png
๐ demos/
๐ c2-slides-pptx.html
๐ c4-tweaks-en.html
๐ c4-tweaks.html
๐ c5-infographic.html
๐ hero-animation-v10-en.html
๐ md-html-narration/
๐ md-html-demo.html
๐ script.md
๐ voiceover-demo/
๐ script.md
๐ ไปไนๆฏtoken.html
๐ w1-brand-protocol-en.html
๐ w2-junior-designer-en.html
๐ w3-fallback-advisor-en.html
๐ LICENSE
๐ package-lock.json
๐ package.json
๐ README.en.md
๐ README.md
๐ references/
๐ about-author.md
๐ ai-video-review.md
๐ animation-best-practices.md
๐ animations.md
๐ app-prototype.md
๐ apple-gallery-showcase.md
๐ camera-language.md
๐ critique-guide.md
๐ design-context.md
๐ design-styles.md
๐ editable-pptx.md
๐ gsap-recipes.md
๐ hero-animation-case-study.md
๐ launch-film-director-notes.md
๐ multi-perspective-parallel-case-study.md
๐ pptx-from-rendered-html.md
๐ react-setup.md
๐ scene-templates.md
๐ sfx-library.md
๐ slide-decks.md
๐ storyboard-basics.md
๐ tweaks-system.md
๐ typography.md
๐ ui-demo-animation.md
๐ verification.md
๐ video-export.md
๐ workflow.md
๐ scripts/
๐ add-music.sh
๐ cloud/
๐ ai-review-video.py
๐ tts-doubao.mjs
๐ convert-formats.sh
๐ design-gate-hook.sh
๐ export_deck_pdf.mjs
๐ export_deck_pptx.mjs
๐ export_deck_stage_pdf.mjs
๐ fetch_images.py
๐ gen_deck_thumbs.mjs
๐ html2pptx.js
๐ mix-voiceover.sh
๐ narrate-pipeline.mjs
๐ render-narration.sh
๐ render-video-seek.js
๐ render-video.js
๐ sfx-cues.sh
๐ verify-video.sh
๐ verify.py
๐ SECURITY.md
๐ SKILL.md
๐ test-prompts.json