React Server Component data shell
Async server wrapper + streamed suspense placeholders + caching hints.
Customize this template
Build your prompt
Generate Your Prompt
Fill in the required details first. Optional controls help you fine-tune the result.
See a completed example
Diff page
Input Variables
Questions about this prompt
Best Practices
Critical Best Practices
Be Specific About Requirements
criticalInclude exact specifications: language version, framework, dependencies, coding style, and expected behavior. Vague requirements lead to generic code.
Example:
“Instead of "create a function", say "create a TypeScript function using async/await that validates email format using regex"”
Provide Codebase Context
criticalShare relevant existing code, file structure, naming conventions, and architectural patterns. This helps generate code that fits your project.
Recommended Best Practices
Request Tests and Error Handling
recommendedExplicitly ask for tests, edge case handling, and error messages. Quality code includes validation and testing.
Optional Enhancements
Specify Code Style
optionalRequest specific formatting, commenting, and naming conventions. This ensures generated code matches your standards.