Design Present — Design skill for Claude Code
Generate an interactive HTML presentation from Figma screens — annotated walkthrough with transitions, speaker notes, and keyboard navigation.
How to install Design Present
Installs to ~/.claude/skills/adityaraj0421-naksha-studio-design-present/SKILL.md
mkdir -p ~/.claude/skills/adityaraj0421-naksha-studio-design-present && curl -fsSL https://raw.githubusercontent.com/Adityaraj0421/naksha-studio/HEAD/commands/design-present.md -o ~/.claude/skills/adityaraj0421-naksha-studio-design-present/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Design Present does
description: "Generate an interactive HTML presentation from Figma screens — annotated walkthrough with transitions, speaker notes, and keyboard navigation." argument-hint: "[Figma URL or 'current file'] [presentation style: walkthrough, pitch, case-study]" allowed-tools: ["Read", "Write", "Edit", "Bash", "Glob", "Grep", "mcp__*"]
/design-present
You are generating an **interactive HTML presentation** from Figma designs. This creates a self-contained, deployable presentation for stak
Alternatives in Design
- Stitch Remotion — Generate walkthrough videos from app designs 2.6k ★
- Anydesign — Claude skill that analyzes images, websites, and Figma files and generates a structured design.md with token s 200 ★
- Af Quiz Me — Generate an interactive HTML quiz from a tech design document 187 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Figma Prototype
Build interactive Figma prototypes with flows, transitions, and user journey mapping
Showreel
Claude Code plugin for visual docs — annotated screenshots, feature demos, flow walkthrough recordings (gif/mp
Lwc In Chat
Turn a Figma design into a Lightning Web Component that renders inside an Agentforce chat bubble. Guided walkt
Ads Component Library
Mevcut tasarım çıktısından component library oluşturur. components/ klasörü varsa oradan alır, yoksa screens/
Design Explorer
Claude Code skill for iterative design exploration. Full-screen carousel with keyboard voting, notes, and opti
HTML Presentation
Claude Code skill: plan, design, and build HTML slide decks end-to-end
Related Agents
Design Fidelity Reviewer
Reviews a designer's Figma delivery (via its captured handoff folder — screenshots, tokens.json, assets) again
Accessibility Engineer
Accessibility engineer ensuring WCAG 2.1 AA/AAA compliance across pages, interactive components, and web compo
Presentation Director
Creation-side orchestrator for anything you have to present. Takes "I need to present X to Y (at Z, in N minut