Claude Code UI Agents

Frontend UI Design Agents Collection 🎨

A curated collection of Claude prompts for frontend development. Ready-to-use prompts for UI/UX design, web development, and frontend components.

📂 Structure

🚀 How to Use

1. Choose a prompt from the relevant category
2. Paste the prompt into Claude
3. Customize for your specific project needs

📝 Prompt Format

Each prompt follows this agent-style structure:

🤝 Contributing

To contribute to this open source project:

1. 🍴 Fork the repository
2. 🌿 Create a new branch
3. ✨ Add new prompts or improve existing ones
4. 📋 Open a pull request

For detailed contribution guidelines, please see CONTRIBUTING.md.

📋 Contribution Guidelines

- ✅ Include clear example usage
- ✅ Place in correct category
- ✅ Use clear and understandable language
- ✅ Follow the established prompt format
- ✅ Test prompts before submitting
- ✅ Include relevant tags

📄 License

This project is licensed under the MIT License. See LICENSE for details.

🌟 Available Prompts

🎨 UI Design (3 prompts)
- Design System Generator: Comprehensive design systems with tokens and components
- Universal UI/UX Design Methodology: Adaptive design methodology for any project type
- Mobile Design Philosophy: Apple-level mobile design with touch interfaces

⚛️ Components (1 prompt)
- React Component Architect: Modern TypeScript React components with accessibility

🌐 Web Development (1 prompt)
- CSS Architecture Specialist: Scalable CSS organization for large projects

🔍 UX Research (1 prompt)
- User Persona Creator: Data-driven personas for product development

🎭 Animation (1 prompt)
- Micro-Interactions Expert: Performance-optimized UI animations

📱 Responsive (1 prompt)
- Mobile-First Layout Expert: Responsive layouts optimized for mobile devices

♿ Accessibility…