open-design

Generate UI prototypes and design artifacts in HTML, PDF, PPTX, or ZIP.

40|9|Updated Jan 4, 2026
One-click install
npx skills add https://github.com/akillness/jeo-skills --skill open-design-akillness
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: open-design
Source: https://github.com/akillness/jeo-skills/tree/main/.agent-skills/open-design
Command: npx skills add https://github.com/akillness/jeo-skills --skill open-design-akillness

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Open Design addresses the need for local-first generation of UI prototypes, design decks, documents, and media artifacts using installed coding agents, reducing handoff friction and enabling offline workflows.

Core Features & Use Cases

  • Local-first generation across prototypes, decks, documents, and media artifacts using 72 built-in design systems and 5 visual directions.
  • Step-by-step workflow guidance: determine generation mode, install and launch the local UI, choose design systems, and export artifacts in HTML, PDF, PPTX, or ZIP.
  • Extend with file-based skills by placing new SKILL.md-based modules in the skills/ directory for custom workflows.

Quick Start

Install Open Design locally and launch the web UI to begin generating design artifacts.

Frequently Asked Questions about open-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate UI prototypes locally from a single prompt?

You can generate UI prototypes locally from a single prompt by selecting from 72 built-in design systems and 5 visual directions. Install the local web UI with Node.js ~24 and pnpm 10.x to produce prototypes, design decks, and documents offline.

What formats can I export design artifacts to?

Design artifacts can be exported to multiple formats including HTML, PDF, PPTX, and ZIP. The local generation workflow supports these multi-format exports to reduce handoff friction for prototypes, decks, documents, and media artifacts.

Do I need Node.js and pnpm to generate design documents offline?

Yes, Node.js ~24 and pnpm 10.x are required to run the local-first generation of design documents and UI prototypes. These dependencies are necessary to install and launch the local web UI for offline artifact generation.

What is a local-first design artifact generation workflow?

Local-first design artifact generation is the process of creating UI prototypes, design decks, and media files entirely on your machine using installed coding agents. It enables offline workflows and reduces handoff friction by exporting directly to HTML, PDF, PPTX, or ZIP.

Can I extend the local UI with custom file-based skills?

Yes, you can extend the local UI with custom workflows by placing new SKILL.md-based modules in the skills/ directory. This file-based skill extension allows you to add custom generation modes and design systems beyond the 72 built-in options.

Best way to create design decks from prompts without internet access?

The best way to create design decks offline from prompts is using a local-first generation tool that applies single-prompt inputs to built-in design systems. You can install the local UI, choose a visual direction, and export the resulting deck directly to PPTX or PDF.