ItsssssJack/power-design

해결하는 문제

Power Design는 AI로 생성된 프레젠테이션과 웹사이트가 일반적이거나 낮은 품질의 디자인을 보이는 문제를 해결합니다. 출력물이 특정 브랜드 정체성과 시각적으로 일치할 뿐만 아니라, 무작위적인 AI 생성이 아니라 객관적이고 연구 기반의 디자인 원칙에 기반한다는 점을 보장합니다.

작동 방식

이것은 Claude Code의 스킬로, 특정 워크플로우를 따릅니다:

1. 라우팅: 사용자가 프레젠테이션 딜 또는 웹사이트 중 하나를 선택합니다.
2. 브랜드 추출: Firecrawl를 사용해 실시간 URL에서 "브랜드 DNA"를 추출하거나, Apple, Stripe, Linear 등 72개 이상의 사전 구축된 브랜드 시스템 중에서 선택합니다.
3. 규칙 적용: 20개의 구체적인 디자인 규칙을 포함한 두 가지 코드화된 룰북 중 하나를 적용합니다—슬라이드용(Туфте와 Duarte 같은 전문가 기반)과 웹용(WCAG 2.2 및 Core Web Vitals 같은 표준 기반).
4. 생성: 브랜드 DNA와 선택된 룰북을 결합하여 반응형 HTML 파일(slides.html 또는 site.html)을 생성합니다.

대상 사용자

Claude Code 사용자 중에서 접근성, 성능, 시각적 디자인 기준을 엄격히 준수하는 전문적이고 브랜드에 맞는 랜딩 페이지나 프레젠테이션 딜을 빠르게 생성하고자 하는 분들께 적합합니다.

주요 특징

• 이중 경로 출력: 프레젠테이션 딜과 완전한 반응형 웹사이트 모두 지원.
• 풍부한 브랜드 라이브러리: 72개 이상의 사전 설정된 브랜드 스타일 포함.
• 연구 기반: 타이포그래피, 접근성, UX 분야의 업계 리더들로부터 도출된 총 40개의 코드화된 규칙 사용.
• 실시간 브랜드 스크래핑: Firecrawl를 통해 어떤 URL에서도 디자인 요소를 추출 가능.