Feature Addition to Existing App

General Productivitybolt-ai-promptsfeature_namefeature_descriptionstep_1

Describes the feature through a concrete user flow, specifies exactly where it appears in the UI, and sets explicit preservation constraints to prevent Bolt from disrupting existing functionality.

Prompt
Add a {{feature_name}} feature to the existing app.\n\nWhat it does:\n- {{feature_description}}\n\nUser flow:\n1. User {{step_1}}\n2. System {{step_2}}\n3. User sees {{step_3}}\n\nUI placement: Add a {{ui_element}} to the {{location}} (e.g., button in the header, tab in the sidebar, section on the dashboard).\n\nData: Store {{data_description}} in the existing database. Add a new table if needed.\n\nConstraints:\n- Match the existing design system (colors, fonts, spacing)\n- Do not break or restyle any existing features\n- Add loading and error states\n- Show a success toast notification on completion

Variables to customize

{{feature_name}}{{feature_description}}{{step_1}}{{step_2}}{{step_3}}{{ui_element}}{{location}}{{data_description}}

Why this prompt works

Describes the feature through a concrete user flow, specifies exactly where it appears in the UI, and sets explicit preservation constraints to prevent Bolt from disrupting existing functionality.

What you get when you save this prompt

Your workspace unlocks powerful tools to iterate and improve.

AI OPTIMIZE

AI Optimization

One-click improvement with structure analysis and pattern suggestions.

VERSION DIFF

Version History

Track every edit. Compare versions side-by-side with word-level diffs.

ORGANIZE
Development
Code Review
Testing
Marketing

Folders & Tags

Organize your library with nested folders, tags, and drag-and-drop.

MCP
$ npm i -g @promptingbox/mcp
Claude · Cursor · ChatGPT

Use Everywhere

Access prompts from Claude, Cursor, ChatGPT & more via MCP integration.

Your prompts, organized

Save, version, and access your best prompts across ChatGPT, Claude, Cursor, and more.