Prompt

Create interactive, runnable code artifacts using Claude's special Artifacts feature for real-time collaboration.

**Project Request:**
Build an interactive {TYPE OF APPLICATION/TOOL} that I can run and modify directly in our conversation.

**Requirements:**
<project_specs>
- Main functionality: {DESCRIBE WHAT IT SHOULD DO}
- User interface needs: {UI REQUIREMENTS}
- Data handling: {HOW IT SHOULD PROCESS DATA}
- Key features: {LIST IMPORTANT FEATURES}
</project_specs>

**Artifact Creation Guidelines:**
1. Create a complete, self-contained application
2. Use modern web technologies (HTML5, CSS3, ES6+ JavaScript)
3. Include inline styles for portability
4. Add clear comments for modification points
5. Implement error handling and user feedback

**Code Structure Request:**
<artifact_requirements>
- Make it immediately runnable
- Include example data or inputs
- Add customization options
- Provide clear documentation inline
- Design for easy extension
</artifact_requirements>

**Enhancement Cycles:**
After creating the initial artifact, I may ask for:
- Feature additions
- Style modifications  
- Performance improvements
- Bug fixes
- Integration with external data

Please create this as an Artifact so I can see and interact with it immediately.