How does the skill gather project context?

It automatically scans your workspace folders for active PRDs, previous prototypes, user research, and brand guidelines to ensure design consistency.

What prototyping tools does this skill support?

The skill supports v0.dev, Lovable.dev, Bolt.new, and Claude's internal Artifacts (React/HTML/CSS).

How long does it take to generate a prototype?

Depending on complexity, it typically takes between 5 to 15 minutes to generate a comprehensive prompt or a functional interactive artifact.

Can it build full-stack prototypes?

Yes, by routing requirements to Lovable.dev or Bolt.new, it can generate prompts for apps that include data models, authentication, and multi-page flows.

Do I need a PRD to use the prototype skill?

While a PRD is recommended for high-fidelity results, you can also use a simple feature description, verbal brief, or an ASCII napkin sketch.

Prototype Generator

Name: Prototype Generator
Author: coalesce-labs

bycoalesce-labs

•

Design Tools

Transforms PRDs and feature descriptions into high-fidelity interactive prototypes or detailed prompts for tools like v0 and Lovable.

The prototype skill streamlines the product development lifecycle by converting requirements, sketches, and research into tangible UI artifacts. By adhering to the $1-$10-$100 rule of validation, it helps teams catch design flaws early before expensive engineering begins. It intelligently scans your workspace for context—including PRDs, user research, and brand guidelines—to generate optimized prompts for external tools like v0.dev, Lovable.dev, and Bolt.new, or builds functional React and HTML components directly within Claude using Artifacts.

Key Features

01Conversion of ASCII napkin sketches into functional UI layouts

029 GitHub stars

03Intelligent routing to select the best prototyping tool based on complexity

04Automatic requirement extraction from local PRDs and user research files

05In-situ interactive prototype creation using Claude Artifacts (React/HTML)

06Context-aware prompt generation for v0.dev, Lovable.dev, and Bolt.new

Use Cases

01Generating high-fidelity UI components for user testing based on existing PRDs

02Exploring multiple design approaches quickly to identify the most intuitive user flow

03Visualizing a new feature for stakeholder review before committing engineering resources

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add coalesce-labs/catalyst prototype

For use in Claude.ai and ChatGPT