Rogue Open Design Skill — Design skill for Claude Code
Generate web, mobile, and desktop prototypes, slides, dashboards, and editorial layouts from a single prompt using brand-grade design systems.
How to install Rogue Open Design Skill
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open rogue-dev-studio/rogue-open-design-skill and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Rogue Open Design Skill does
Generate web, mobile, and desktop prototypes, slides, dashboards, and editorial layouts from a single prompt using brand-grade design systems. Use when the user wants /web-prototype, /mobile-app, or /dashboard interactive HTML previews exportable to HTML, PDF, PPTX, or MP4 without Figma.
Alternatives in Design
- Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
- Remix — Restyle a site in another design vocabulary — brutalist, swiss, art-deco, cyberpunk, soft-ui, or editorial 3.6k ★
- Skill Deck — Generate slide deck presentations from briefs — use when you need slides, pitch decks, or visual summaries 2.8k ★
README
rogue-open-design-skill
**Rogue Development** skill package for agents.
Generate web, mobile, and desktop prototypes, slides, dashboards, and editorial layouts from a single prompt using brand-grade design systems. Use when the user wants /web-prototype, /mobile-app, or /dashboard interactive HTML previews exportable to HTML, PDF, PPTX, or MP4 without Figma.
- Market: https://rogue-dev-studio.github.io/rogue-market-agent/
- Skill id:
open-design
Install
Copy `SKILL.md` into your agent skills directory (Cursor / Claude Code / compatible host), or clone this repository.
License
MIT - Rogue Development. See `LICENSE` and `NOTICE`.
Related Skills
Open Design
🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app
Dom2figma
Capture rendered web prototypes with headless Chrome and import them into Figma as editable layers. Whole prot
UI UX Pro Max Claude
UI/UX design intelligence for web, mobile, and desktop. Covers UI design, design systems, accessibility, respo
Generating Slides
Claude Code skill: turn one sentence or a document into a projector-grade HTML slide deck — single file, zero
Rogue Brand Guidelines Skill
Apply Rogue Development brand colors and typography to artifacts (docs, slides, landing pages, social creative
Claude Design Card
Claude Code skill for generating design cards in 14 formats — platform covers, social sharing cards, and edito
Related Agents
Design Language Analyst
Extracts the target product's design language — tokens, components, layout patterns, navigation model, mobile
Prototype Generator
Generates self-contained HTML prototypes for hypothesis validation. Reads project design context files and pro
Prototype Developer
Create interactive HTML prototypes from wireframes and API analysis for stakeholder review and validation, wit
