AH

alchaincyf/huashu-design

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

2.8만 stars 품질 76 트렌드 98MIT

화슈 디자인 · Claude 코드를 위한 HTML 네이티브 디자인 기술 · Claude 코드의 네이티브 HTML 디자인 기술 · 고충실도 프로토타입 / 슬라이드 / 애니메이션 + 20가지 디자인 철학 + 5D 리뷰 + MP4 내보내기 · 에이전트 구애 없음

개요

"타이핑. 엔터. 전달할 수 있는 디자인." "타이핑. 엔터를 눌러. 완성된 디자인이 네 무릎 위에 떨어진다." 3분에서 30분 정도 걸리면 스니펫, 클릭 가능한 앱 프로토타입, 편집 가능한 PPT, 또는 인쇄용 인포그래픽을 보낼 수 있습니다. 'AI는 괜찮다'는 식이 아니라, 대기업 디자인 팀처럼 보입니다. 브랜드 자산(로고, 색상 샘플, UI 스크린샷)에 기술을 부여하면 AI가 브랜드 분위기를 이해할 것입니다; 다른 것은 아무것도 제공하지 않아도, ** 만약 수익을 충분히 가릴 수 있어서 AI의 부실한 부분이 나타나지 않을 것입니다. Figma도, AE도 아니고, 한 문장 프롬프트 + 스킬이 일을 실행하는 거예요. 다음 제품 출시 때 홍보 영상을 만들어야 할까요? 지금 바로 할 수 있어요. 크로스 에이전트 보편성—Claude Code, Cursor, Codex, OpenClaw, Hermes 모두 설치할 수 있습니다. 📣 2026년 5월 14일부터 이 기술은 완전 오픈 소스(MIT 라이선스)로 전환되었으며, 개인과 **는 사전 승인이 필요하지 않습니다. "개인 사용을 위한 무료 제공, 기업 및 상업적 사용 시 라이선스 필요"라는 원래 조항은 무효화되었습니다. (변경 사항 보기) ▲ 25초 · 터미널 → 4방향 → 갤러리 리플 → 4회 집중 → 브랜드 👉 공개 HTML 인터랙티브 버전 및 효과음 접근 · MP4 다운로드 (BGM+SFX 포함 · 10MB) 그 다음에는 Claude Code / Codex / Cursor 같은 기술을 지원하는 에이전트로 직접 말하세요:

개요(AI 번역)

🌐 중국어 · 영어

화슈 디자인

*“타이핑 중. 입력. 전달할 수 있는 디자인.” * *“타이핑. 엔터를 눌러. 완성된 디자인이 네 무릎 위에 떨어진다.” *

**에이전트에게 메시지를 입력해 납품 설계를 받으세요. **

3분에서 30분 정도 걸리면 제품 출시 애니메이션, 클릭 가능한 앱 프로토타입, 편집 가능한 PPT, 또는 인쇄용 인포그래픽을 발송할 수 있습니다.

'AI는 괜찮다’는 식이 아니라, 대기업의 디자인 팀처럼 보입니다. 브랜드 자산(로고, 색상 팔레트, UI 스크린샷)에 역량을 부여하면 브랜드 분위기를 이해할 것입니다; 아무것도 제공하지 않는다면, 6개의 썸네일 중에서 3가지 진짜 방향을 선택+84개의 스타일 라이브러리와 샘플도 AI 부실 없이 최종 결과를 보장할 수 있습니다.

**이 README 디자인의 모든 페이지는 huashu-design이 직접 작업했습니다. ** Figma도, AE도 아니고, 단지 한 문장 프롬프트 + 실행용 스킬일 뿐입니다. 다음 제품 출시 때 홍보 영상을 만들고 싶으신가요? 지금 바로 하실 수 있습니다.

크로스 에이전트 보편성—Claude Code, Cursor, Codex, OpenClaw, Hermes 모두 설치할 수 있습니다.

📣 > **MIT 라이선스로 변경됨. ** 2026-05-14부터 이 스킬은 완전 오픈 소스(MIT 라이선스)이며, 개인 및 **상업적 사용 모두에 무료로 제공되고 사전 승인이 필요 없습니다. 원래 조항인 "개인 용도로 무료, 기업용 상업용 라이선스 필요"는 무효가 되었습니다. (변경 사항 보기)

🆕 > **3.0: 세 방향이 더 굵어졌고, 프로젝트가 더 이상 같지 않다. ** 먼저 6개의 썸네일을 공개한 후, 세 가지 판을 선택해 진정성 있는 초안을 만든다; 스타일 라이브러리가 84가지 유형으로 확장되었으며(앱, 중국어, 동아시아 두 가지 새로운 카테고리 추가), 각 항목마다 샘플 이미지가 포함됨; 스크린샷 찍기 전에 작품을 참조하기; 사실만 측정하는 디자인 점검과 작업물을 기억하는 룩 레저를 가져오라. 자세한 내용은 핵심 메커니즘을 참조하세요.

효과를 관찰 · 설치 · 할 수 있는 일 · 핵심 메커니즘 · 클로드 디자인과의 관계


▲ 3.0 공개 영상 · 32초 · 영상의 모든 페이지는 3.0이 직접 디자인했으며, 편집에는 화슈 모션이 사용되었다 👉 다운로드 MP4 (1080p · 사운드트랙 포함 · 24MB) · 2.0 효과음이 포함된 인터랙티브 HTML 버전


케이스 3.0

다음 모든 내용은 버전 3.0에서 개발되었습니다. 처음 다섯 개는 출시 시 6개의 새로운 질문 중에서 선택되었으며, 각 질문은 한 문장만 필요로 하며, 작가가 직접 지시를 정했고 작가는 개입하지 않았습니다; 마지막 두 개는 세 번째 블라인드 오디션에서 획득한 버전이며, 나머지 하나는 출시 후 작가가 만든 실제 프로젝트입니다.

웹 · ‘후지산 36경’ 온라인 전시

“가쓰시키카 호쿠사이의 ‘후지산 36경’ 온라인 전시 웹사이트 만들기”

세 판본은 국립박물관 공식 웹사이트 스타일의 어두운 들판 전시장, 다나카 카즈미츠 스타일의 삼각형 창문, 그리고 공화국 시대 책 표지 스타일의 타이틀 액자입니다.

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.

추천 도구

다른 키워드를 입력하거나 필터를 제거해 보세요.

설치

npx skillfish add alchaincyf/huashu-design
MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →