Vibe CodingWeb
Idea to product
Can start from scratch
Idea to productModerate
Turn a product idea into a working Web MVP
Turn a rough product idea into a working, verifiable Web MVP that is ready for the next iteration.
webmvpproduct
Vibe Coding channel
Turn plain-language ideas into working web products
Lightweight task templates for coding agents. Prepare the essential context, copy a complete task, and keep implementation boundaries and acceptance checks explicit.
Idea → working product
1. Prepare context
Add goals, assets, constraints, and the current project state.
2. Hand off the task
Copy the template and replace the essential placeholders.
3. Accept with evidence
Check the real page, runtime behavior, and test results.
8 Vibe Coding prompts
Add real project context, then verify the running product, tests, and release evidence yourself.
Vibe CodingWeb
Idea to product
Can start from scratch
Idea to productModerate
Turn a business requirement into a publishable landing page
Build the information hierarchy, conversion path, responsive implementation, and release checks around one business goal.
weblanding-pageconversion
Vibe CodingWeb
UI implementation
Can start from scratch
UI implementationComplex
Rebuild a responsive interface from a reference page
Analyze visual and interaction evidence first, then recreate it responsively with the project's existing stack.
webresponsive-uireference
Vibe CodingWeb
UI implementation
Can start from scratch
UI implementationComplex
Turn a design specification into reusable pages and components
Extract tokens, states, and reuse boundaries from a design specification without over-abstracting the page.
webdesign-systemcomponents
Vibe CodingWeb
Feature iteration
Existing project required
Feature iterationComplex
Add a complete feature to an existing project
Understand the repository first, then deliver one end-to-end feature with the smallest justified change surface.
webfeatureexisting-project
Vibe CodingWeb
Feature iteration
Existing project required
Feature iterationComplex
Integrate an API with complete loading, empty, error, and retry states
Integrate against the real API contract and give every user-visible state explicit behavior.
webapiui-states
Vibe CodingWeb
Debug and repair
Existing project required
Debug and repairComplex
Diagnose an error and implement the smallest safe repair
Reproduce the failure and establish causal evidence before changing only the scope required by the root cause.
webdebuggingbug-fix
Vibe CodingWeb
Debug and repair
Existing project required
Debug and repairComplex
Repair responsive, interaction, and visual regressions
Use a traceable baseline to locate the regression and repair it without changing the intended design behavior.
webresponsiveregression