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.