prototype-prompt

Generate self-contained prototype prompts for v0, Bolt, Lovable, and Cursor.

70|34|Updated Apr 7, 2026
One-click install
npx skills add https://github.com/Productfculty-aipm/PM-Copilot-by-Product-Faculty --skill prototype-prompt-productfculty-aipm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: prototype-prompt
Source: https://github.com/Productfculty-aipm/PM-Copilot-by-Product-Faculty/tree/main/skills/prototype-prompt
Command: npx skills add https://github.com/Productfculty-aipm/PM-Copilot-by-Product-Faculty --skill prototype-prompt-productfculty-aipm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill converts feature descriptions, PRDs, or user stories into a single, complete prompt that can be pasted directly into AI prototyping tools so engineers and designers can generate functional front-end prototypes without follow-up clarification.

Core Features & Use Cases

  • Complete, paste-ready prompts: Produces a self-contained prompt that specifies screens, interactions, mock data, exclusions, and a definition of done.
  • Tool-specific adaptations: Tailors output for v0 (single React component), Bolt (Next.js multi-page app), Lovable (visual polish guidance), or conversational artifacts.
  • Use Case: A PM needs a working prototype of "smart notifications" for user testing; use this Skill to generate a prompt that a developer pastes into v0 to produce an interactive React prototype with hardcoded mock data.

Quick Start

Create a paste-ready prototype prompt from a feature description and target tool (v0, Bolt, Lovable, or Cursor) that lists screens, the happy-path flow, 3-5 realistic mock examples, exclusions, and technical requirements.

Frequently Asked Questions about prototype-prompt

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

FAQPage Schema
How do I generate a prototype prompt for v0 or Bolt from a feature description?▼

To generate a prototype prompt, provide your feature description or PRD to the Skill. It produces a self-contained, paste-ready prompt specifying screens, happy-path flows, and mock data tailored for v0, Bolt, Lovable, or Cursor.

Can I use a PRD to generate a Next.js multi-page app prototype in Bolt?▼

Yes, you can use a PRD to generate a Bolt prototype prompt. The Skill adapts the output for Bolt by specifying Next.js pages, step-by-step happy paths, realistic mock data, and technical constraints like hardcoded data with no backend calls.

Does the generated prototype prompt include mock data and user flow exclusions?▼

Yes, the generated prototype prompt includes 3-5 realistic mock examples and explicit exclusions. It ensures the AI prototyping tool builds functional front-end screens with hardcoded mock data and no backend calls.

What is the best way to build interactive React prototypes from user stories?▼

The best way is converting user stories into a single, complete prompt using this Skill. It specifies screens, interactions, and a definition of done, allowing you to paste it directly into v0 for a single React component output.

How do I create Lovable visual guidance prompts for feature briefs?▼

You create Lovable prompts by applying your feature briefs to this Skill. It generates tool-specific visual polish guidance, screen descriptions, and mock data, enabling Lovable to produce immediate, functional front-end prototypes.

Why do my AI prototyping tool outputs require follow-up clarification?▼

Outputs require clarification when prompts lack explicit technical constraints and mock data. This Skill prevents follow-up by generating self-contained prompts with screen descriptions, happy-path flows, and definition of done for tools like v0 and Cursor.