shadcn-ui
Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React compone
Open source Repository Open in the app JSON README (API)
About
Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like buttons, dialogs, dropdowns, tables, and complex form layouts.
Details
- Kind
- Agent skills
- Topic
- No topic detected
- Publisher
- giuseppe-trisciuoglio
- Origin
- skillssh
- Category
- ferramentas
- Stars
- 343
- Forks
- 40
- Open pull requests
- 2
- Last push
- 2026-08-18T13:20:00Z
- Repository state
- ativo
- Language
- Python
- License
- MIT
- Added
- 2026-08-30 15:21:09
- Updated
- 2026-09-09 21:04:25
- Origin id
giuseppe-trisciuoglio/developer-kit/shadcn-ui
README
<div align="center"> [](./LICENSE) [](https://github.com/giuseppe-trisciuoglio/developer-kit/actions/workflows/security-scan.yml) [](https://github.com/giuseppe-trisciuoglio/developer-kit/actions/workflows/plugin-validation.yml) [](./plugins) [](./plugins) **π Languages:** [English](README.md) | [Italiano](./README_IT.md) | [δΈζ](./README_CN.md) | [EspaΓ±ol](./README_ES.md)  **A modular AI plugin system that supercharges your development workflow across languages and frameworks.** [Installation](#installation) β’ [Quick Start](#quick-start) β’ [Plugins](#available-plugins) β’ [Documentation](https://github.com/giuseppe-trisciuoglio/developer-kit/blob/main/README.md) β’ [Changelog](./CHANGELOG.md) </div> --- ## Why Developer Kit? Developer Kit is a **modular plugin marketplace** for Claude Code that teaches Claude how to perform development tasks in a repeatable, high-quality way. Instead of generic AI responses, you get domain-specific expertise for your exact tech stack. - **𧩠Modular by Design** β Install only what you need. Java developer? Grab `developer-kit-java`. Full-stack TypeScript? Add `developer-kit-typescript`. - **π― Domain Experts** β 45+ specialized agents for code review, refactoring, security audits, architecture design, and testing across 7+ languages. - **π 150+ Skills** β Reusable capabilities from Spring Boot CRUD generation to CloudFormation templates, all with best practices built-in. - **π Multi-CLI Support** β Works with Claude Code, GitHub Copilot CLI, OpenCode CLI, and Codex CLI. - **β‘ Auto-Activation** β Path-scoped rules automatically activate when you open relevant files. No configuration needed. --- ## Installation ### Quick Install (Recommended) #### Claude Code ```bash # Install from marketplace /plugin marketplace add giuseppe-trisciuoglio/developer-kit # Or install from local directory /plugin install /path/to/developer-kit ``` #### Claude Desktop [Enable Skills in Settings](https://claude.ai/settings/capabilities) β Add `giuseppe-trisciuoglio/developer-kit` #### Manual Installation ```bash # Clone the repository git clone https://github.com/giuseppe-trisciuoglio/developer-kit.git # Install via Makefile (auto-detects your CLI) cd developer-kit make install # Or install for specific CLI make install-claude # Claude Code make install-opencode # OpenCode CLI make install-copilot # GitHub Copilot CLI make install-codex # Codex CLI ``` --- ## Quick Start ```bash # After installation, start your CLI claude # Check available commands /help # Use a Developer Kit command /devkit.refactor ``` ### Example Prompts ``` Generate a complete CRUD module for User entity with NestJS and Drizzle ORM Review this Java Spring Boot service for security issues Create a CloudFormation template for ECS with auto-scaling Help me refactor this monolithic class into clean architecture Generate unit tests for this TypeScript service with 100% coverage ``` --- ## Usage Developer Kit provides **four layers** of capabilities: ### 1. Skills Reusable capabilities loaded on-demand. Example: ``` [Skill: spring-boot-crud-patterns activated] ``` Skills automatically provide patterns, templates, and best practices for specific tasks. ### 2. Agents Specialized sub-agents for complex workflows: ```bash # Invoke via natural language "Review this code as a Spring Boot expert" # Or use commands /devkit.java.code-review /devkit.typescript.code-review ``` ### 3. Rules Path-scoped rules auto-activate based on file patterns: ```yaml # Auto-activates for *.java files globs: ["**/*.java"] --- Always use constructor injection. Never use field injection with @Autowired. ``` > **π Note on Rules Installation** > > Plugins do not automatically install rules into your project. To use the rules, you can copy them manually > or use the Makefile command: > > ```bash > # Copy rules from a specific plugin > make copy-rules PLUGIN=developer-kit-java > > # Or manually copy .md files from the plugin's rules/ folder > mkdir -p .claude/rules > cp plugins/developer-kit-[language]/rules/*.md .claude/rules/ > ``` > > The rules will be automatically activated based on the `globs:` patterns defined in the header of each file. --- ## Available Plugins | Plugin | Language/Domain | Components | Description | |--------|-----------------|------------|-------------| | `developer-kit-core` | Core | 6 Agents, 8 Commands, 4 Skills | Required base plugin with general-purpose capabilities | | `developer-kit-java` | Java | 9 Agents, 11 Commands, 51 Skills, 4 Rules | Spring Boot, LangChain4J, AWS SDK, GraalVM | | `developer-kit-typescript` | TypeScript | 13 Agents, 3 Commands, 25 Skills, 17 Rules | NestJS, React, Next.js, Drizzle ORM, Monorepo | | `developer-kit-python` | Python | 4 Agents, 4 Rules | Django, Flask, FastAPI, AWS Lambda | | `developer-kit-php` | PHP | 5 Agents, 3 Skills, 4 Rules | WordPress, Sage, AWS Lambda | | `developer-kit-aws` | AWS | 3 Agents, 19 Skills | CloudFormation, SAM, CLI, Architecture | | `developer-kit-ai` | AI/ML | 1 Agent, 3 Skills, 1 Command | Prompt Engineering, RAG, Chunking | | `developer-kit-devops` | DevOps | 2 Agents | Docker, GitHub Actions | | `developer-kit-tools` | Tools | 4 Skills | NotebookLM, Copilot CLI, Gemini, Codex | | `github-spec-kit` | GitHub | 3 Commands | GitHub spec integration | **Total: 150+ Skills | 45+ Agents | 20+ Commands | 45+ Rules** --- ## Plugin Architecture ``` developer-kit/ βββ plugins/ β βββ developer-kit-core/ # Required base β β βββ agents/ # Agent definitions (.md) β β βββ commands/ # Slash commands (.md) β β βββ skills/ # Reusable skills (SKILL.md) β β βββ rules/ # Auto-activated rules β β βββ .claude-plugin/ β β βββ plugin.json # Plugin manifest β βββ developer-kit-java/ # Java ecosystem β βββ developer-kit-typescript/ # TypeScript ecosystem β βββ ... βββ .skills-validator-check/ # Validation system βββ Makefile # Installation commands ``` Each plugin is self-contained with its own manifest, components, and dependencies. --- ## Configuration ### Plugin Selection Install only the plugins you need: ```bash # Core + Java + AWS make install-claude # Then enable: developer-kit-core, developer-kit-java, developer-kit-aws # Full-stack TypeScript # Enable: developer-kit-core, developer-kit-typescript, developer-kit-aws ``` ### Rules Auto-Activation Rules automatically activate based on file patterns: ```yaml --- globs: ["**/*.java"] --- # This rule activates for all Java files - Use constructor injection - Follow naming conventions ``` ### LSP Integration Language plugins include LSP server configurations (`.lsp.json`): | Language | Server | |----------|--------| | Java | jdtls | | TypeScript | typescript-language-server | | Python | pyright-langserver | | PHP | intelephense | --- ## Language Support Matrix | Language | Skills | Agents | Commands | Rules | LSP | |----------|--------|--------|----------|-------|-----| | Java/Spring Boot | 51 | 9 | 11 | 4 | β | | TypeScript/Node.js | 25 | 13 | 3 | 17 | β | | Python | 2 | 4 | 0 | 4 | β | | PHP/WordPress | 3 | 5 | 0 | 4 | β | | AWS/CloudFormation | 19 | 3 | 0 | 0 | β | | AI/ML | 3 | 1 | 1 | 0 | β | --- ## Validation & Quality Developer Kit includes a comprehensive validation system: ```bash # Validate all components python .skills-validator-check/validators/cli.py --all # Security scan (MCP compliance) make security-scan # Pre-commit hooks .skills-validator-check/install-hooks.sh ``` --- ## Ecosystem **Listed on:** - [context7](https://context7.com/giuseppe-trisciuoglio/developer-kit?tab=skills) β Skills marketplace - [skills.sh](https://skills.sh/giuseppe-trisciuoglio/developer-kit) β AI skills directory **Related Projects:** - [Claude Code](https://claude.ai/code) β AI-powered terminal from Anthropic - [OpenCode](https://github.com/opencode-ai/opencode) β Open-source AI coding assistant - [GitHub Copilot CLI](https://github.com/github/copilot.vim) β AI pair programming - [Codex CLI](https://github.com/openai/codex) β OpenAI's coding agent --- ## Contributing We welcome contributions! See [CONTRIBUTING.md](./CONTRIBUTING.md) for: - Adding new skills, agents, and commands - Plugin development guidelines - Validation requirements - Branch strategy and versioning ## Security Skills can execute code. Review all custom skills before deploying: - β Only install from trusted sources - β Review SKILL.md before enabling - β Test in non-production environments first - β Run `make security-scan` before releases Security scans run automatically via GitHub Actions on every PR. --- ## License [MIT License](./LICENSE) β Open source and free to use. --- ## Acknowledgments - **Claude Code** by Anthropic β The foundation this plugin system extends - **Qwen Code** β README design inspiration - **Contributors** β Thank you to everyone who has contributed skills and plugins --- <div align="center"> **Made with β€οΈ for Developers using Claude Code** Also compatible with OpenCode, GitHub Copilot CLI, and Codex </div>