GitHub - mustafakendiguzel/claude-code-ui-agents: 🎨 A curated collection of Claude AI agent prompts specifically designed for UI/UX design, web development, and frontend tasks. Transform your design workflow with specialized prompts for creating interfaces, components, and user experiences.
Extracto
🎨 A curated collection of Claude AI agent prompts specifically designed for UI/UX design, web development, and frontend tasks. Transform your design workflow with specialized prompts for creating i...
Resumen
Resumen Principal
Este proyecto presenta una colección curada y estructurada de prompts para Claude, diseñados específicamente para optimizar diversas facetas del desarrollo frontend. Cubre áreas esenciales como el diseño UI/UX, la creación de componentes, el desarrollo web, la investigación UX, la animación, el diseño responsivo y la accesibilidad, organizándose en un sistema de directorios intuitivo. El objetivo es proporcionar a desarrolladores y diseñadores una herramienta potente para aprovechar la inteligencia artificial en la generación de soluciones eficientes y de alta calidad. Cada prompt sigue un formato estandarizado tipo "agente", que detalla su propósito, dificultad, etiquetas, ejemplos de uso y resultados esperados, garantizando consistencia y facilidad de implementación. Además, la iniciativa fomenta activ
Contenido
A curated collection of Claude prompts for frontend development. Ready-to-use prompts for UI/UX design, web development, and frontend components.
📂 Structure
prompts/
├── ui-design/ # UI design prompts
├── web-development/ # Web development prompts
├── components/ # Component development prompts
├── ux-research/ # UX research and usability prompts
├── animation/ # CSS/JS animation prompts
├── responsive/ # Responsive design prompts
└── accessibility/ # Accessibility prompts
🚀 How to Use
- Choose a prompt from the relevant category
- Paste the prompt into Claude
- Customize for your specific project needs
📝 Prompt Format
Each prompt follows this agent-style structure:
---
name: [agent-name]
description: Use this agent when you need [expertise area]. Examples: [usage examples]
model: sonnet
---
# Prompt Title
**Category:** [category-name]
**Difficulty:** Beginner/Intermediate/Advanced
**Tags:** #ui #design #react #css
## Description
[Description of what the prompt does]
## Prompt
[The actual prompt text]
## Example Usage
[Example of how to use the prompt]
## Sample Results
[Examples of what the prompt might generate]
🤝 Contributing
To contribute to this open source project:
- 🍴 Fork the repository
- 🌿 Create a new branch
- ✨ Add new prompts or improve existing ones
- 📋 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 (1 prompt)
- ARIA Implementation Specialist: WCAG-compliant accessibility for complex UI components
📞 Contact
Use GitHub Issues for questions and suggestions.
⭐ Don't forget to star if you find it useful!
Fuente: GitHub