epoko77-ai

epoko77-ai / design-diversity

Public

Claude Code 산출물의 디자인 다양성 확보 — 공개 디자인 시스템을 증류한 프롬프트형 디자인 팩 40종 카탈로그 (PPT 20 + 웹 20)

17
3
89% credibility
Found May 21, 2026 at 20 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

Design Diversity는 AI-assisted 디자인 도구로, 80개 이상의 발표자료(PPT)와 웹사이트용 디자인 팩을 제공하는 카탈로그입니다. 각 팩은 색상 팔레트, 타이포그래피, 레이아웃, 간격, 모션 등을 상세히 명세한 디자인 토큰과 AI 프롬프트 지시문을 포함합니다. 사용자는 카탈로그 웹사이트에서 다양한 디자인 스타일을 탐색하고 필터링한 뒤, 마음에 드는 팩의 프롬프트를 복사해 Claude 같은 AI 도구에 붙여넣어 일관된 디자인의 결과물을 얻을 수 있습니다. MIT 라이선스로 공개되어 있으며, 모든 팩은 공개 디자인 시스템과 오픈소스 폰트를 참고합니다.

How It Works

1
🔍 찾아보기: 디자인 스타일 탐색

카탈로그 웹사이트에서 80개가 넘는 디자인 팩을 색상, 레이아웃, 타이포그래피 등으로 필터링하며 살펴봅니다.

2
선택하기: 원하는 스타일 고르기
📊
PPT 팩 선택

표지부터 차트, 다이어그램까지 발표자료용 디자인 팩을 고릅니다

🌐
웹 팩 선택

웹페이지용 디자인 팩 중에서 레이아웃과 색감을 선택합니다

3
✨ 미리보기: 디자인 상세 확인

선택한 팩의 색상 팔레트, 타이포그래피, 레이아웃 예시를 확인하고 자신에게 맞는 스타일인지 검증합니다.

4
📋 복사하기: 프롬프트 가져오기

한 버튼으로 AI에게 전달할 디자인 지시문을 복사합니다. 스킬이 설치되어 있으면 더 간편하게 적용할 수 있습니다.

5
🤖 요청하기: AI에게 만들기 맡기기

복사한 지시문과 원하는 주제를 함께 AI 도구에 붙여넣어 디자인 스타일대로 결과물을 만들어달라고 요청합니다.

🎉 완성: 일관된 디자인의 결과물

선택한 디자인 스타일이 적용된 깔끔한 발표자료나 웹사이트를 받아볼 수 있습니다. 매번 다른 분위기의 결과물을 만들 수 있다는 것이 핵심입니다.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 20 to 17 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is design-diversity?

A catalog of 40 design packs (20 for presentations, 20 for websites) that solve the most annoying problem with AI-generated slides and web pages: everything looks the same. Built with TypeScript, it ships as a Next.js catalog site where you can browse design systems distilled into prompts and tokens, then feed them to Claude Code via a design-pick skill. Each pack is a named style with color tokens, typography rules, layout principles, and motion specs - think of it as a cheat sheet that tells an AI exactly what visual language to use.

Why is it gaining traction?

The hook is specificity. Instead of asking Claude "make a nice presentation" and hoping for the best, you pick a pack like "BCG Exhibit Deck" or "Art Nouveau Florido" and get consulting-grade diagrams or Belle Epoque curves. The site lets you filter by axis (color, typography, layout, space, motion) so designers and devs who care about visual outcomes can actually steer the output. Premium packs go further with 5-7 fully rendered page variants. It's a catalog-first approach - browse, apply, ship.

Who should use this?

Founders preparing pitch decks who want investor-grade visuals without a designer. Consultants who need McKinsey-adjacent slides fast. Developers running Claude Code who keep getting bland, generic output and want actual style variety. Not for teams with established design systems - this shines when you need quick, distinct visual direction for AI-generated content.

Verdict

A clever idea with a credibility score of 0.9% that reflects its early stage: 17 stars, sparse documentation, and untested at scale. The catalog interface is solid, but the real value depends on how well the design-pick skill executes prompts in practice. Worth watching and trying on a low-stakes project, but don't bet production work on it yet.

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.