Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By FabienSalles
Frontend clean architecture (hexagonal), Container/Presentation patterns
npx claudepluginhub fabiensalles/claude-marketplace --plugin frontendACTIVATE when creating or modifying frontend features in projects with domain/infrastructure layered architecture. ACTIVATE for 'frontend architecture', 'domain layer', 'hexagonal frontend', 'features/ folder', 'repository interface', 'mapper'. Covers: features/<feature>/domain + infrastructure structure, strict dependency direction (domain never imports infrastructure), domain models/repositories/services/referentials, API repositories, mappers, hooks as orchestrators. DO NOT use for: projects without this architecture (ask user first), general React patterns (see frontend-component-patterns).
ACTIVATE when creating or refactoring React components, splitting large components, extracting hooks, or deciding Container vs Presentation. ACTIVATE for 'component split', 'Container/Presentation', 'extract hook', 'god component', 'prop drilling'. Covers: Container vs Presentation criteria, when to extract custom hooks (3+ related states), when to split markup (150+ lines), when to move logic to domain service, form section props convention, spotlight/opacity pattern. DO NOT use for: projects not using Container/Presentation (ask first), general React hooks API.
Collection de skills, hooks, agents et commands pour Claude Code, organisés en packs thématiques.
| Pack | Skills | Description |
|---|---|---|
| php | 13 | PHP 8.2/8.3, conventions, DDD, TDD, Symfony, Twig, Composer, OOP, refactoring, SQL |
| typescript | 8 | Conventions, typing, DDD events, functional programming, OOP, refactoring, security |
| astro | 11 | Astro 5.x — components, routing, collections, i18n, SEO, Tailwind, React islands, transitions |
| nest | 2 | NestJS architectural conventions, DDD with NestJS |
| frontend | 2 | Clean architecture (hexagonal), Container/Presentation patterns |
| vitest | 2 | TDD workflow, test conventions and patterns |
| tooling | 6 | Docker, Drizzle ORM, pnpm workspaces, Zod schemas, Claude Code plugin conventions, npx skills conventions |
| common | — | Hooks, agents et commands partagés |
| security-audit (externe) | — | netresearch/security-audit-skill — OWASP, CWE, CVSS |
Méthode recommandée pour le développement actif. Les modifications sont immédiatement actives.
git clone https://github.com/FabienSalles/claude-marketplace.git
cd claude-marketplace
# Mode interactif
./setup.sh
# Tout installer
./setup.sh --all
# Installer des packs spécifiques
./setup.sh --pack php typescript
# Alias supportés : ts → typescript
./setup.sh --pack php ts
npx skills add# Lister les skills disponibles
npx skills add FabienSalles/claude-marketplace --list
# Installer
npx skills add FabienSalles/claude-marketplace
claude plugin install# Installer un plugin complet
claude plugin install FabienSalles/claude-marketplace/plugins/php
# Valider un plugin
claude plugin validate plugins/php
skillkitCompatible nativement (même format SKILL.md).
skillkit install FabienSalles/claude-marketplace
# Voir les packs installés
./setup.sh --status
# Désinstaller un pack
./setup.sh --remove php
# Lister les packs disponibles
./setup.sh --list
claude-marketplace/
├── .claude-plugin/marketplace.json # Manifest racine
├── plugins/
│ ├── php/ # 13 skills PHP
│ ├── typescript/ # 8 skills TypeScript
│ ├── astro/ # 11 skills Astro 5.x
│ ├── nest/ # 2 skills NestJS
│ ├── frontend/ # 2 skills Frontend
│ ├── vitest/ # 2 skills Vitest
│ ├── tooling/ # 6 skills (Docker, Drizzle, pnpm, Zod, plugin conventions, npx skills)
│ └── common/ # Hooks, agents, commands
│ ├── hooks/
│ │ ├── fix-permissions.sh # Fix file permissions after Write
│ │ ├── git-add-empty.sh # Auto git add -N new files
│ │ ├── remind-skills.py # Remind skills on PHP/Twig edits
│ │ └── warn-use-git-mv.sh # Block mv, suggest git mv
│ ├── agents/
│ │ └── ui-engineer.md # UI/Frontend specialist agent
│ └── commands/
│ └── feature-dev.md # TDD feature development workflow
├── setup.sh # Script d'installation (symlinks)
└── README.md
# Éditer → actif immédiatement (grâce aux symlinks)
vim plugins/php/skills/php-8.3/SKILL.md
# Versionner
git add -A && git commit -m "update php-8.3" && git push
| Variable | Default | Description |
|---|---|---|
CLAUDE_HOME | ~/.claude | Override le répertoire Claude |
MIT
Share bugs, ideas, or general feedback.
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Frontend development skill with design and implementation checklists
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Frontend UI development and mobile application implementation across platforms
Frontend component development with accessibility and responsive design
Advanced frontend design plugin with interactive wizard, trend research, moodboard creation, color/typography selection, and browser-based inspiration analysis
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
NestJS architectural conventions, DDD with NestJS
Shared hooks, agents, and commands across projects
PHP 8.2/8.3 features, code conventions, DDD, TDD, Symfony, Twig, Composer, OOP, refactoring, SQL
Astro 5.x — components, routing, collections, i18n, SEO, Tailwind, React islands, transitions
Docker, Drizzle ORM, pnpm workspaces, Zod schemas, Claude Code plugin conventions, npx skills conventions
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claim