Claude Skill
ItsssssJack/power-design
Power Design is a Claude Skill that applies 20 codified design principles and brand DNA to create slides that don't look AI-made. Perfect for professional presentations.
Overview
Repository
Install this Skill
git clone https://github.com/ItsssssJack/power-design ~/.claude/skills/power-designRegistry
Summary
Power Design is a Claude Skill that transforms AI-generated slides into professional, brand-aligned presentations by applying 20 codified design principles and brand DNA integration.
一个让幻灯片看起来不像AI制作的Claude技能。品牌DNA × 20条编码设计原则。
Key features
- 20 codified design principles for consistent quality
- Brand DNA integration for personalized slides
- Natural, non-AI-looking slide aesthetics
- Seamless Claude Skill integration
Use cases
- Creating professional business presentations
- Brand-consistent slide decks for marketing
- Academic or conference slides with polished design
- Rapid prototyping of presentation layouts
README excerpt
<div align="center"> <img src="principles/images/cta-go-deeper.png" alt="Power Design" width="720"> # Power Design ### A Claude skill for slides that don't look like AI made them. **Brand DNA × 20 codified design principles → beautiful HTML decks, on demand.** [**See the principles →**](https://power-design.vercel.app) · [**Join the community →**](https://bit.ly/3PATPoL) </div> --- ## What it does Power Design is a Claude Code skill that combines two things every other AI deck generator misses: 1. **Brand DNA** — extracted live from any URL via Firecrawl, or picked from **72+ pre-built brand systems** (Stripe, Apple, Linear, Spotify, Vercel, Notion, Tesla, Airbnb…) 2. **20 codified design principles** — pulled from Tufte, Reynolds, Duarte, Williams, Refactoring UI, Müller-Brockmann, Mayer, WCAG 2.2 The result: every deck is both on-brand and objectively well-designed. No purple gradients. No six-bullet hero slides. No drop shadows on bars. --- ## The 20 rules, illustrated Every slide passes the same 20 checks. **[Read the full field manual →](https://power-design.vercel.app)** <div align="center"> <img src="principles/images/rule-01-one-idea.png" width="180"> <img src="principles/images/rule-02-glanceable.png" width="180"> <img src="principles/images/rule-03-chunks.png" width="180"> <img src="principles/images/rule-04-whitespace.png" width="180"> <img src="principles/images/rule-05-safe-zone.png" width="180"> <img src="principles/images/rule-06-modular-scale.png" width="180"> <img src="principles/images/rule-07-type-sizes.png" width="180"> <img src="principles/images/rule-08-body-size.png" width="180"> <img src="principles/images/rule-09-line-height.png" width="180"> <img src="principles/images/rule-10-line-length.png" wi
Topics
No topics yet.