Leaderboard/Presentations/power-design
Last commit on July 5, 2026·Created on May 3, 2026

ItsssssJack/power-design

Generates brand-native decks and sites from a URL and 20 design rules.
Combined rank
#435
across all skills
In Presentations
#7
category rank
Stars
687
+2.5% in last 7d
Forks
96
+2.1% in last 7d
Watchers
7
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

This skill generates on-brand HTML presentation decks and responsive websites by combining brand DNA extracted via Firecrawl with codified, research-backed design principles—20 rules for slides and 20 for the web. It serves brand design managers, startup founders, marketing teams, and agency creative directors who need consistent, rule-enforcing visual outputs produced quickly from a URL or brand library. Each output is a single self-contained HTML file that respects the brand's colors, typography, and voice while applying all 20 rules for the chosen medium.

WHO IT'S FOR
Brand Design Managers
enforce brand consistency across decks and websites
Startup Founders
create polished pitch decks quickly
Marketing Teams
produce branded landing pages for campaigns
Agency Creative Directors
review and approve on-brand visual outputs
Repository contents

1 skill file

Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill

Follow the documented setup, then try a first task.

Install power-design for Claude Code

Installs: Complete power-design skill repository, supporting both presentation-deck and responsive-website generation. · Claude Code

Before you start
  • Git command-line client
  1. In a terminal, clone the repository into Claude Code's power-design skills directory.

    git clone https://github.com/ItsssssJack/power-design ~/.claude/skills/power-design
README.md · Checked Sep 18, 2026SKILL.md · Checked Sep 18, 2026

Give it something to do.

Author’s example

Create an on-brand product-launch deck

Uses power-design

  • The brand URL; stripe.com is the author's example.
  • A product-launch headline and 3–5 key points.
  • Firecrawl integration when extracting brand DNA from the supplied URL.
use power-design — make me a deck for stripe.com about our new product launch
README.md · Checked Sep 18, 2026SKILL.md · Checked Sep 18, 2026
Author’s example

Create an on-brand app landing page

Uses power-design

  • The reference brand URL; linear.com is the author's example.
  • A description of the new app.
  • The site's goal and desired sections.
  • Firecrawl integration when extracting brand DNA from the supplied URL.
use power-design — build me a landing page in linear.com's style for my new app
README.md · Checked Sep 18, 2026SKILL.md · Checked Sep 18, 2026