skills.rest
Aradotso
AradotsoOFFICIAL
Explore all skills by this author →
Website𝕏@aradotsoGitHub

open-codesign-ai-design

Convert design prompts into HTML prototypes, slide decks, and PDF exports.

3|Updated May 16, 2026
Search Tags:#design#prototyping#multi-model#slide deck#openai-compatible#pdf export#prompt-to-ui
One-click install
npx skills add https://github.com/Aradotso/design-skills --skill open-codesign-ai-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: open-codesign-ai-design
Source: https://github.com/Aradotso/design-skills/tree/main/skills/open-codesign-ai-design
Command: npx skills add https://github.com/Aradotso/design-skills --skill open-codesign-ai-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It reduces the time and effort required to go from a design idea to polished UI-ready outputs without manually assembling every screen and asset.

Core Features & Use Cases

  • Prompt-to-prototype generation: Create full design artifacts (including HTML) from natural-language prompts for fast iteration.
  • Slides and PDF export: Produce pitch-ready slide decks and print-ready documents directly from the same design workflow.
  • Multi-model and provider setup: Use Claude, GPT, Gemini, or local models via provider configuration (including OpenAI-compatible endpoints) to match your workflow.
  • Comment-mode iteration: Target specific elements/regions for changes instead of rewriting the entire prompt.
  • Design system alignment with DESIGN.md: Enforce consistent colors, typography, spacing, and components using workspace design system files.

Quick Start

Tell Open CoDesign to generate an HTML landing page prototype and export it as a PDF using your preferred model and provider settings.

Frequently Asked Questions about open-codesign-ai-design

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

FAQPage Schema
How do I generate UI prototypes from natural language prompts?▼

Prompt-to-prototype generation converts natural-language design ideas into usable HTML artifacts for fast UI iteration. You simply describe your design, and the system outputs full prototypes, reducing the manual effort of assembling screens.

Can I use local LLMs or OpenAI-compatible providers for design generation?▼

Yes, design generation supports local LLMs or OpenAI-compatible providers. You configure your preferred model—such as Claude, GPT, Gemini, or local models via Ollama—using provider settings to match your specific workflow.

How do I export generated slide decks and UI prototypes as PDF documents?▼

You export generated slide decks and UI prototypes as PDF documents directly from the design workflow. The system produces pitch-ready slides and print-ready documents, allowing immediate PDF or HTML export of your artifacts.

Does prompt-to-UI generation support iterative changes to specific elements?▼

Yes, prompt-to-UI generation supports iterative changes to specific elements using a comment-mode. You can target specific elements or regions for changes rather than rewriting the entire prompt, enabling precise design refinements.

How do I enforce consistent design system alignment during prompt-driven generation?▼

You enforce consistent design system alignment during prompt-driven generation by using workspace DESIGN.md files. These files define colors, typography, spacing, and components, ensuring generated artifacts match your established design system.

Do I need a specific desktop application to run prompt-to-prototype workflows?▼

Yes, prompt-to-prototype workflows require the Open CoDesign desktop application installed. You must configure your preferred model and provider settings within the application before generating and exporting artifacts.

Related Skills

Explore More Design & Creative Skills→
gabergergaberger
4

hex-inference

Configure inference providers and map local models to hex agent tiers.

Community
Advanced
hmzainjamilhmzainjamil
1

md-slides

Convert Markdown content into Marp slide decks with export directives for PDF, PPTX, or HTML.

Community
Intermediate
yocxy2yocxy2

design-shotgun

Generate multiple UI design variants and collect structured feedback.

Community
Intermediate
PlaidmustachePlaidmustache

powerpoint

Create, read, and edit PPTX decks from templates using Python.

Community
Intermediate