tailwind-css-patterns
🎯Skillfrom giuseppe-trisciuoglio/developer-kit
|Generates reusable Tailwind CSS design patterns and component templates, optimizing frontend styling workflows and ensuring consistent UI implementation.
Installation
npx skills add https://github.com/giuseppe-trisciuoglio/developer-kit --skill tailwind-css-patternsSkill Details
Overview
# Developer Kit for Claude Code
> A curated collection of reusable skills and agents for automating development tasks in Claude Code — focusing on
> Java/Spring Boot patterns with extensibility to TypeScript, Python, and PHP
Developer Kit for Claude Code teaches Claude how to perform development tasks in a repeatable way across
multiple languages and frameworks. It includes specialized agents for code review, testing patterns, REST API design,
and AI integration.
🚀 Quick Start
```bash
# Claude Code CLI
/plugin marketplace add giuseppe-trisciuoglio/developer-kit
# Or from local directory
/plugin install /path/to/developer-kit
```
Claude Desktop: [Enable Skills in Settings](https://claude.ai/settings/capabilities)
📖 [Complete Installation Guide](docs/installation.md) — Multi-CLI support, local project installation, team setup
---
✨ Key Features
- Specialized — Domain-specific agents for code review, testing, AI development, and full-stack development
- Composable — Skills stack together automatically based on task context
- Portable — Use across Claude.ai, Claude Code CLI, Claude Desktop, and Claude API
- Efficient — Skills load on-demand, consuming minimal tokens until actively used
---
📚 Available Components
Skills
| Category | Guide |
|--------------------|------------------------------------------------|
| JUnit Testing | [Guide](docs/guide-skills-junit-test.md) |
| Spring Boot | [Guide](docs/guide-skills-spring-boot.md) |
| AWS Java SDK | [Guide](docs/guide-skills-aws-java.md) |
| AWS CloudFormation | [Guide](docs/guide-skills-aws-cloudformation.md) |
| LangChain4J | [Guide](docs/guide-skills-langchain4j.md) |
| React | [Guide](docs/guide-skills-frontend.md) |
| shadcn-ui | [Guide](docs/guide-skills-frontend.md) |
| Tailwind CSS | [Guide](docs/guide-skills-frontend.md) |
| TypeScript Docs | [Guide](docs/guide-skills-frontend.md) |
| NestJS | [Guide](docs/guide-skills-nestjs.md) |
Agents
Specialized AI assistants for specific development domains.
📖 [Complete Agents Guide](docs/guide-agents.md) — All agents with usage examples
| Category | Examples |
|-------------------|---------------------------------------------------------------------------------------------------------------------|
| Java/Spring Boot | spring-boot-code-review-expert, java-refactor-expert, java-security-expert |
| TypeScript/NestJS | nestjs-backend-development-expert, typescript-refactor-expert, nestjs-security-expert |
| React/Frontend | react-frontend-development-expert, react-software-architect-review, expo-react-native-development-expert |
| Python | python-code-review-expert, python-refactor-expert, python-security-expert, python-software-architect-expert |
| AWS | aws-solution-architect-expert, aws-cloudformation-devops-expert, aws-architecture-review-expert |
| AI/LangChain4J | langchain4j-ai-development-expert, prompt-engineering-expert |
| General Purpose | general-debugger, general-code-reviewer, general-refactor-expert, document-generator-expert |
Commands
Workflow automation commands for development tasks.
📖 [Complete Commands Guide](docs/guide-commands.md) — All commands with examples
| Category | Examples |
|------------------|------------------------------------------------------------------------------------------------------|
| Java Develo
More from this repository6
Generates and configures shadcn/ui React components with Tailwind CSS, providing automated setup and implementation guidance for modern web interfaces.
Generates reusable React component patterns, design strategies, and best practice implementations for modern web development using Claude Code.
Generates NestJS project scaffolding, provides best practices for structuring TypeScript microservices, and assists with creating modular, scalable backend applications.
Generates comprehensive TypeScript documentation, automatically creating clear, structured API reference documentation for TypeScript projects and libraries.
Developer Kit for building applications with Claude Code using best practices and patterns.
Provides a comprehensive toolkit of reusable AI skills and agents to automate and streamline development tasks across Java, Spring Boot, TypeScript, and other tech stacks.