inematds

Power Design — Design skill for Claude Code

Design community

Skill do Claude Code para gerar decks HTML com Brand DNA + 20 princípios de design codificados.

How to install Power Design

This entry records only its repository, not the path inside it, so there is no exact command to give. Open inematds/power-design and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Power Design does

Skill do Claude Code para gerar decks HTML com Brand DNA + 20 princípios de design codificados.

Alternatives in Design

Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
Huashu Design — Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 23.6k ★

README

Power Design

Uma skill do Claude para slides que não parecem feitos por IA.

**Brand DNA × 20 princípios de design codificados → decks HTML bonitos, sob demanda.**

[**Ver os princípios →**](https://inematds.github.io/power-design/) · [**Comunidade →**](https://inema.club)

O que faz

Power Design é uma skill do Claude Code que combina duas coisas que outros geradores de deck de IA ignoram:

Brand DNA — extraído ao vivo de qualquer URL via Firecrawl, ou escolhido entre 72+ sistemas de marca pré-prontos (Stripe, Apple, Linear, Spotify, Vercel, Notion, Tesla, Airbnb…)
20 princípios de design codificados — tirados de Tufte, Reynolds, Duarte, Williams, Refactoring UI, Müller-Brockmann, Mayer, WCAG 2.2

O resultado: cada deck é ao mesmo tempo consistente com a marca e objetivamente bem projetado. Sem gradientes roxos. Sem slides herói com seis bullets. Sem sombras em barras.