Any
💻 Coding & Dev
Intermediate
Build a Complete React Component
Get a production-ready React component with TypeScript, props, and styling.
The Prompt
Build a complete React component with the following specification. Component name: [ComponentName] Purpose: [what this component does] Props needed: [list props with types] State: [describe any internal state] Events/callbacks: [e.g. onClick, onChange, onSubmit] Styling: [Tailwind CSS / CSS Modules / styled-components] TypeScript: [yes / no] Requirements: - Fully typed props interface - Error and loading states (if fetching data) - Accessible (ARIA attributes, keyboard navigation) - Mobile responsive - Add JSDoc comments for the component and each prop
📝 Fill in the blanks
Replace these placeholders with your own content:
[ComponentName]
[what this component does]
[list props with types]
[describe any internal state]
[e.g. onClick, onChange, onSubmit]
[Tailwind CSS / CSS Modules / styled-components]
[yes / no]
How to use this prompt
1
Copy the prompt
Click "Copy Prompt" above to copy the full prompt text to your clipboard.
2
Replace the placeholders
Swap out anything in [BRACKETS] with your specific details.
3
Paste into Any
Open your preferred AI assistant and paste the prompt to get started.