Top AI Repos — open-source AI, indexed and scored
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
A Claude skill for slides that don't look like AI made them. Brand DNA × 20 codified design principles.
| Date | Stars |
|---|---|
| 2026-07-31 | 576 |
| 2026-08-05 | 591 |
| 2026-08-06 | 591 |
Today
— stars today
This week
— stars this week
This month
— stars this month
Momentum
0.0
growth rate 0.00%/day
<div align="center"> <img src="principles/images/cta-go-deeper.png" alt="Power Design" width="720"> # Power Design ### A Claude skill for decks *and* websites that don't look like AI made them. **Brand DNA × codified design principles → beautiful HTML, on demand. 20 rules for slides, 20 for the web.** [**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 makes **two kinds of output** — presentation decks *and* full responsive websites — combining two things every other AI 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. **Codified design principles** — research-backed rules with numeric thresholds. **20 for slides** (Tufte, Reynolds, Duarte, Williams, Refactoring UI, Müller-Brockmann, Mayer, WCAG 2.2) and **20 for the web** (Marcotte, Krug, Bringhurst, Utopia, Baymard, NN/g, Core Web Vitals, WCAG 2.2). The result: every output is both on-brand and objectively well-designed. Decks with no purple gradients, no six-bullet heroes, no drop-shadowed bars. Websites that are mobile-first, fast (Core Web Vitals-budgeted), accessible (WCAG 2.2 AA), and built to convert. **One skill, two paths.** It asks *"deck or website?"* first, then routes to the right rulebook off the same brand engine. --- ## The 20 slide 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" width="180"> <img src="principles/images/rule-11-contrast.png" width="180"> <img src="principles/images/rule-12-color-split.png" width="180"> <img src="principles/images/rule-13-one-accent.png" width="180"> <img src="principles/images/rule-14-no-hue-only.png" width="180"> <img src="principles/images/rule-15-grid.png" width="180"> <img src="principles/images/rule-16-alignment.png" width="180"> <img src="principles/images/rule-17-proximity.png" width="180"> <img src="principles/images/rule-18-data-ink.png" width="180"> <img src="principles/images/rule-19-f-pattern.png" width="180"> <img src="principles/images/rule-20-two-modes.png" width="180"> </div> | # | Rule | Source | |---:|---|---| | 1 | One idea per slide | Reynolds; Duarte | | 2 | Glanceable in ≤3 seconds | Duarte; NN/g | | 3 | ≤7±2 visual chunks; ideal 3–5 | Miller 1956; Cowan 2001 | | 4 | ≥40% whitespace ratio | Refactoring UI; Reynolds | | 5 | 5% edge safe-zone, all sides | Broadcast title-safe | | 6 | Type on a modular scale (1.25–1.618) | Tschichold; Bringhurst | | 7 | Maximum 4 type sizes per slide | Refactoring UI | | 8 | Body ≥24px, title ≥48px | Reynolds; Duarte | | 9 | Line-height 1.4–1.6 body, 1.05–1.2 display | Butterick; Bringhurst | | 10 | Line length ≤60 characters | Bringhurst | | 11 | WCAG contrast ≥4.5:1 body, aim 7:1 (AAA) | WCAG 2.2 | | 12 | 60-30-10 color split | Itten; Refactoring UI | | 13 | One accent per slide | Tufte | | 14 | Never encode meaning by hue alone | WCAG 1.4.1 | | 15 | 8pt grid for all spacing | Bryn Jackson; Material | | 16 | Align everything to one grid | Müller-Brockmann | | 17 | Proximity: related ≤
Excerpt of 9,770 characters
Read on GitHub
1
Would you bet a product on this? Bounded 0–100 and slow moving.
matched fp:ee7f3fd0b929c3b1, llm:Repository description: "A Claude skill for slides that don't look like AI made them. Brand DNA × 20 codified design principles."
matched fp:ee7f3fd0b929c3b1, llm:Repository description: "A Claude skill for slides that don't look like AI made them. Brand DNA × 20 codified design principles."
matched fp:ee7f3fd0b929c3b1, llm:Repository description: "A Claude skill for slides that don't look like AI made them. Brand DNA × 20 codified design principles."