Back to guide/General Productivity

Feature Addition by Conversation

Starting with architecture explanation catches misunderstandings before code is written. The backend-to-frontend order prevents UI code that references non-existent APIs.

vibe-codingframeworkapp_descriptionfile_structure
Edit View
Prompt
I have an existing {{framework}} application. I want to add a new feature.\n\nCurrent app description: {{app_description}}\nExisting file structure:\n{{file_structure}}\n\nNew feature: {{feature_description}}\n\nPlease:\n1. Explain how this feature fits into the existing architecture\n2. List every file that needs to be created or modified\n3. Implement the changes file by file, starting with data/backend changes and ending with UI\n4. After all changes, explain how to test the new feature\n\nImportant: Do not modify any existing functionality. The new feature should be additive only.

Variables to customize

{{framework}}{{app_description}}{{file_structure}}{{feature_description}}

Why this prompt works

Starting with architecture explanation catches misunderstandings before code is written. The backend-to-frontend order prevents UI code that references non-existent APIs.

Save this prompt to your library

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