More screenshots
Works with the AI tools you already use
Claude Code
Cursor
Codex CLI
GitHub Copilot
Gemini CLI+20 moreClaude CodeCursorCodex CLIGitHub CopilotGemini CLI
OpenClaw
Manus
Grok+17 agentsPPT Design DNA
Turn reference images into reusable Design DNA for coherent, production-ready HTML presentation decks.
Free
PPT Design DNA
Example session with this skill installed
Create a 6-slide investor pitch deck for an AI design startup. Use this screenshot as a style reference. First extract the Design DNA and show the tuning panel; after I confirm, plan the deck and generate an HTML presentation with a layout-guard report. Keep the style premium and high-contrast, and use only the visual language of the reference — do not copy its subject matter.
- Read your context and instructions
- Compiled the ppt design dna
- Generated the UI component
Design DNA extracted
The reference has been converted into a reusable visual system instead of being pasted into the deck.
| Layer | Result |
|---|---|
| Mood | Precise, premium, editorial, quietly futuristic |
| Composition | Asymmetric Swiss grid with generous negative space and strong left alignment |
| Visual | Near-black ink, warm white surfaces, one electric-blue accent, crisp rules, restrained texture |
| Content strategy | Short claims, proof points, diagrams, and high-signal metrics |
| Presentation | Calm entrance motion with clear chapter rhythm and no decorative noise |
Tunable parameters
- Whitespace: 82/100
- Hierarchy strength: 91/100
- Information density: 42/100
- Motion intensity: 24/100
- Grid strictness: 86/100
- Layout box budget: strict
Deck plan
- Thesis — the one-line promise and the category shift.
- Problem — the cost of visually inconsistent AI-generated decks.
- Product — how reference images become reusable Design Profiles.
- Workflow — Design DNA, tuning gate, scenario adapter, and layout guard.
- Proof — representative use cases and before/after evidence.
- Ask — next step, adoption path, and closing statement.
The reference-subject firewall keeps recognizable people, products, logos, and objects from the source out of the generated artwork. The next step is to confirm the Design DNA, then provide the pitch content and image strategy. The final HTML deck will include explicit data zones, semantic headline breaks, and a source-level layout-guard report before delivery.
ppt-design-dna.tsx
TSX · React component
Example file from a real run - the skill writes it into your workspace.
Connects securely to your tools. The creator never sees your data.
About this skill
AI presentation tools often make one good-looking slide and then lose the visual thread. PPT Design DNA turns a reference image, a saved profile, or a text-described direction into a reusable presentation design system.
What it does
- Reference-to-system extraction — capture mood, composition, typography, color, texture, density, motion, and negative constraints from posters, web pages, illustrations, product visuals, or slide references.
- Reusable Design Profiles — save a visual system with version history instead of rewriting the same style prompt for every deck.
- Scenario-aware adaptation — keep a distinctive style readable for product launches, strategy reviews, consulting reports, courses, portfolios, and keynotes.
- HTML-first output — generate a fixed 16:9 stage that is easy to inspect, present, animate, and export.
- Layout safety checks — catch missing zones, unsafe spacing, text collisions, and fragile title wrapping before handoff.
- Image strategy — keep reference images as style evidence and plan actual content images separately.
Workflow
- Provide reference images, a saved profile, or a text-described visual direction.
- Review and tune the Design DNA panel before deck planning begins.
- Confirm the audience, narrative, density, and image strategy.
- Generate a blueprint, page specifications, and an HTML presentation.
- Run the included source-level layout guard before delivery.
Best for
Designers, founders, consultants, educators, researchers, and AI builders who need a repeatable presentation system rather than a one-off template.
Included
The complete SKILL.md workflow, Design DNA schema, profile and adapter guidance, image-asset strategy, quality rubric, visual-safety rules, and a zero-dependency Node.js layout validator. PDF or PPTX export can be requested after the HTML deck is reviewed.
This is a workflow skill for agents that support the open SKILL.md standard. It is not a standalone slide editor or a collection of finished PowerPoint templates.
How to install
Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.
- 1
Download the ZIP
Free skills download straight away. Paid skills unlock right after purchase.
- 2
Unzip into your skills folder
Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.
- 3
Ask your agent to use it
Restart the agent if it was already running. It picks the skill up automatically - no config needed.
Skills folder by agent
Click the path to copy it. Create the folder if it does not exist yet.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
Fresh listing
Recently published to Agensi
Free forever
No account required to browse
Trust & safety
Security scanned
Verified clean 1 day ago
- Free to download with an account