Skills
.Work. You
Rest

design-prompt-generator

Community

Turn UI code into clear AI design prompts.

Design & Creative#design-system#ui-analysis#llm-prompts#design-prompt#ui-migration#ai-design-tools#code-to-prompt
Authortrinadhthatakula
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Converts an existing UI codebase into a structured, designer-friendly set of design prompts for AI tools like Google Stitch and Claude Design.

Core Features & Use Cases

  • Automatically analyzes UI files across frameworks to build a dependency-aware prompt sequence.
  • Outputs DESIGN_PROMPTS.md with a Design System Foundation, shared components, and per-screen prompts.
  • Ideal for modernizing apps, handing off to designers, or bootstrapping redesigns from existing screens.

Quick Start

Install the skill in your AI coding assistant and point it at your project to generate DESIGN_PROMPTS.md at the repository root.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-prompt-generator
Download link: https://github.com/trinadhthatakula/design-prompt-generator/archive/main.zip#design-prompt-generator

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.