A curated collection of AI/LLM skills (primarily for Claude Code) focused on modern web development. These skills help AI coding assistants understand and work with your specific tech stack more effectively.
This repository contains specialized skill definitions that enhance AI coding assistants' ability to:
- Generate code following your project's conventions
- Understand your tech stack architecture
- Make informed decisions about implementation patterns
- Provide context-aware suggestions
This collection focuses on the following modern web development stack:
- Nuxt 4 - Vue.js meta-framework
- Nuxt UI - UI component library
- Tailwind CSS - Utility-first CSS framework
- NestJS - Progressive Node.js framework
- Prisma - Next-generation ORM
- PostgreSQL - Advanced open-source database
web-development-skills/
├── frontend/
│ ├── nuxt/ # Nuxt 4 specific skills
│ ├── nuxt-ui/ # Nuxt UI component skills
│ ├── tailwind/ # Tailwind CSS skills
│ └── general/ # General frontend skills
├── backend/
│ ├── nestjs/ # NestJS framework skills
│ ├── prisma/ # Prisma ORM skills
│ ├── postgresql/ # PostgreSQL database skills
│ └── general/ # General backend skills
├── fullstack/ # Full-stack integration skills
├── testing/ # Testing skills (unit, e2e, integration)
├── deployment/ # Deployment and DevOps skills
├── examples/ # Example projects and use cases
└── templates/ # Skill templates for creating new skills
-
Reference specific skills in your prompts:
"Using the Nuxt 4 composables skill, create a user authentication flow" -
Include relevant skill files in your project context
-
Use skills as a knowledge base for consistent code generation
- Browse the skills directory for your tech stack
- Copy relevant skills to your project
- Customize skills to match your specific needs
- Share improvements back to the community
- Component architecture patterns
- State management with composables
- Routing and navigation
- UI component usage with Nuxt UI
- Tailwind CSS best practices
- Performance optimization
- RESTful API design with NestJS
- GraphQL implementation
- Database schema design with Prisma
- Authentication and authorization
- Error handling and logging
- Microservices patterns
- API integration patterns
- Type sharing between frontend and backend
- Authentication flows
- Real-time communication
- File uploads and handling
- Unit testing with Vitest
- E2E testing with Playwright
- API testing
- Component testing
- Docker containerization
- CI/CD pipelines
- Environment configuration
- Monitoring and logging
Contributions are welcome! Please feel free to submit a Pull Request. See CONTRIBUTING.md for guidelines.
- Choose the appropriate directory for your skill
- Use the template in
templates/skill-template.md - Provide clear examples and use cases
- Test with Claude Code or your preferred AI assistant
- Submit a pull request
Each skill should include:
- Purpose: What the skill helps accomplish
- Context: When to use this skill
- Examples: Code snippets and patterns
- Best Practices: Recommendations and conventions
- Common Pitfalls: What to avoid
- References: Links to documentation
- Use descriptive, lowercase names with hyphens
- Include the technology name as a prefix
- Example:
nuxt-composables-patterns.md,nestjs-controller-design.md
MIT License - feel free to use these skills in your projects!
This repository is maintained for the web development community using modern JavaScript/TypeScript stacks. Special thanks to all contributors who help improve these skills.
- Nuxt 4 Documentation
- NestJS Documentation
- Prisma Documentation
- Tailwind CSS Documentation
- Claude Code Documentation
Note: This repository is actively maintained and updated with new skills. Star ⭐ the repo to stay updated!