By FabienSalles
Frontend clean architecture (hexagonal), Container/Presentation patterns
ACTIVATE 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
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub fabiensalles/claude-marketplace --plugin frontendNestJS 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
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.
Shared Claude Code plugin for frontend teams, including frontend skills, subagents, hooks, and MCP integration for Figma/Sketch/MasterGo/Pixso/墨刀/摹客. All reports auto-saved as Markdown files.
Frontend component development with accessibility and responsive design
Frontend and mobile development with React, Next.js, React Native, and Tailwind
React/TypeScript frontend + Go backend enforcement harness. 92 wired hooks across 101 scripts enforce patterns on every edit. Green != done: `test-warning-check` surfaces warnings on passing test/lint/type runs (DeprecationWarning, React `act()`, unhandled rejection, `@ts-ignore`); `ci-warning-audit` Stop-hook scans `gh run view --log` on green CI for deprecations / console warnings / skipped tests. 66 skills from TDD through CI-green PR, including /steelman anti-sycophancy guard + /snyk-ux-security per-path vuln sweep (JS + Go ecosystems; exploitability-triage first gate via `bun why`/`go mod why`/`govulncheck`; top-level direct dep bump first, parent dep bump second, resolutions/overrides/replace as last resort only with follow-up TODO to remove; React 18 pin + changelog-walked major bumps + no-deferral escalation; Go `snyk test --file=go.mod` + `go get -u` + `go mod tidy` + `govulncheck` verify). Session exit blocked while PR review threads remain unresolved. TypeScript escape hatches blocked at Edit. tsconfig strictness weakening blocked. Worktree isolation + branch safety hook-enforced. bun.lock + yarn.lock parity enforced (Snyk IO doesn't parse bun.lock). 21 LLM failure modes enforced: 7 Karpathy single-agent + 14 MAST multi-agent (Cemri et al. NeurIPS 2025). OWASP + STRIDE subset + snyk/bun audit. Core Web Vitals perf gate. MCP ban with CLI redirect (~20x token savings). Agent-browser wrap (~91% token reduction for AI browsing). 3-hat plan review (product/engineering/design). 9 agents (adds plan hats + karpathy reference), 5 routines. Opus 4.7 tuned, POSIX-friendly.