Fullstack Dev Skills

Collection de 7 plugins Claude Code professionnels pour le développement fullstack avec Laravel 12, Nuxt 4, NativePHP, Tauri, PHP 8.3, MySQL, PostgreSQL, Docker, Redis, et les meilleures pratiques (Git, Testing, Security, CI/CD, Debug, Error Resolution).

🚀 7 Plugins Catégoriels

Chaque plugin regroupe plusieurs skills spécialisés par domaine :

Plugin	Skills inclus	Description
frontend	Nuxt UI, Vue.js, shadcn-vue, HTML/CSS	Composants UI v4, Vue 3 Composition API, shadcn-vue accessible, HTML5/CSS3 avec Tailwind
backend	Laravel, PHP, API REST, GraphQL, Redis	Laravel 12+, PHP 8.3, API REST/GraphQL, Redis cache/queues
cross-platform	NativePHP, Tauri	Desktop (Electron/Rust) et mobile iOS/Android avec PHP ou Rust
database	MySQL, PostgreSQL	Schema design, indexes, optimisation, JSONB, Laravel integration
design	Design Systems	Design tokens, component consistency, UI/UX best practices
devops	Docker, Docker Compose, CI/CD	Containers, orchestration multi-services, GitHub Actions, GitLab CI
practices	Git, Testing, API Testing, Security, Code Review, Documentation, Debug, Error Resolution, SearXNG	Workflows, TDD/BDD, OWASP, code review, debugging, recherche web

---

📦 Installation

Méthode 1 : Via la Marketplace Claude Code (Recommandé)

# Ajouter la marketplace
/plugin marketplace add STIFLEUR390/fullstack-dev-skills

# Installer tous les plugins
/plugin install frontend@fullstack-dev-skills
/plugin install backend@fullstack-dev-skills
/plugin install cross-platform@fullstack-dev-skills
/plugin install database@fullstack-dev-skills
/plugin install design@fullstack-dev-skills
/plugin install devops@fullstack-dev-skills
/plugin install practices@fullstack-dev-skills

Méthode 2 : Via Git Clone

# Cloner le dépôt
git clone https://github.com/STIFLEUR390/fullstack-dev-skills.git ~/claude-skills/fullstack-dev-skills
cd ~/claude-skills/fullstack-dev-skills

# Synchroniser vers ~/.claude/skills/
./scripts/sync-skills.sh

# Redémarrer Claude Code

Méthode 3 : Installation Manuelle

# Créer le répertoire cible
mkdir -p ~/.claude/skills/fullstack-dev-skills

# Copier les skills par catégorie
cp -r skills/* ~/.claude/skills/fullstack-dev-skills/

# Copier le marketplace
cp .claude-plugin/marketplace.json ~/.claude/skills/fullstack-dev-skills/

# Copier la configuration MCP (optionnel)
cp .mcp.json ~/.claude/skills/fullstack-dev-skills/

Vérifier l'installation

# Lancer la validation
./scripts/validate-skills.sh

# Devrait afficher : ✓ All validations passed!

Installation selective (par plugin)

# Installer uniquement le plugin frontend
cp -r skills/frontend ~/.claude/skills/

# Installer uniquement le plugin backend
cp -r skills/backend ~/.claude/skills/

# Etc. pour chaque catégorie

---

🎯 Utilisation

Les skills sont activés automatiquement selon le contexte :

Frontend Plugin

# Nuxt UI
"Create a button component" → /frontend:nuxt-ui
"Build a form" → /frontend:nuxt-ui
"Add a modal" → /frontend:nuxt-ui

# Vue.js
"Create a composable" → /frontend:vue-js
"Make a component" → /frontend:vue-js

# shadcn-vue
"Add accessible component" → /frontend:shadcn-vue

# HTML/CSS
"Create semantic markup" → /frontend:html-css

Backend Plugin

# Laravel
"Create a Laravel model" → /backend:laravel
"Generate a migration" → /backend:laravel
"Add a controller" → /backend:laravel

# PHP
"Use modern PHP types" → /backend:php

# API REST
"Design REST API" → /backend:api

# GraphQL
"Create GraphQL schema" → /backend:graphql

# Redis
"Setup Redis cache" → /backend:redis
"Configure queue worker" → /backend:redis

Cross-Platform Plugin

# NativePHP
"Create desktop app" → /cross-platform:nativephp
"Add native menu" → /cross-platform:nativephp

# Tauri
"Build Tauri app" → /cross-platform:tauri
"Add Rust command" → /cross-platform:tauri

Database Plugin

# MySQL
"Design MySQL schema" → /database:mysql
"Optimize query" → /database:mysql

# PostgreSQL
"Use JSONB" → /database:postgresql
"Create PostgreSQL function" → /database:postgresql

DevOps Plugin

# Docker
"Create Dockerfile" → /devops:docker

# Docker Compose
"Setup multi-service environment" → /devops:docker-compose

# CI/CD
"Create GitHub Actions workflow" → /devops:ci-cd
"Setup deployment pipeline" → /devops:ci-cd

Practices Plugin

# Git
"Configure Git workflow" → /practices:git

# Testing
"Write Pest test" → /practices:testing
"Create E2E test" → /practices:testing

# API Testing
"Write API test" → /practices:api-testing
"Mock HTTP request" → /practices:api-testing

# Security
"Add authentication" → /practices:security
"Check OWASP compliance" → /practices:security

# Code Review
"Review this code" → /practices:code-review

# Debug
"Debug Laravel error" → /practices:debug

# Error Resolution
"Fix this error" → /practices:error-resolution

# SearXNG
"Search documentation" → /practices:searxng

---

📁 Structure

fullstack-dev-skills/
├── .claude-plugin/
│   └── marketplace.json          # Manifeste des 7 plugins
├── .mcp.json                     # Configuration MCP (Context7, Nuxt, SearXNG)
├── skills/                       # Skills organisés par catégorie
│   ├── frontend/                 # Nuxt UI, Vue.js, shadcn-vue, HTML/CSS
│   ├── backend/                  # Laravel, PHP, API, GraphQL, Redis
│   ├── cross-platform/           # NativePHP, Tauri
│   ├── database/                 # MySQL, PostgreSQL
│   ├── devops/                   # Docker, Docker Compose, CI/CD
│   ├── practices/                # Git, Testing, API Testing, Security, etc.
│   └── design/                   # Design Systems
├── docs/
│   ├── SKILL-TEMPLATE.md         # Template pour créer un skill
│   ├── CONTEXT7-GUIDE.md         # Guide Context7
│   └── RECOMMENDATIONS.md        # Suggestions de nouveaux skills
├── scripts/
│   ├── sync-skills.sh            # Synchronisation vers ~/.claude/skills/
│   ├── validate-skills.sh        # Validation des skills
│   └── sync-context7.sh          # Sync Context7 (optionnel)
├── README.md
└── LICENSE (MIT)

---

🔧 Configuration

Marketplace (.claude-plugin/marketplace.json)

Le manifeste définit les 7 plugins avec leurs métadonnées :

{
  "name": "fullstack-dev-skills",
  "metadata": {
    "description": "Comprehensive Claude Code plugins for fullstack development...",
    "version": "2.0.0"
  },
  "plugins": [
    {
      "name": "frontend",
      "description": "Frontend development skills: Nuxt UI v4...",
      "category": "frontend",
      "keywords": ["frontend", "vue", "nuxt", "nuxt-ui"],
      "strict": true
    }
    // ... 6 autres plugins
  ]
}

MCP (.mcp.json)

Configuration des serveurs MCP :

• Context7 : Documentation locale Laravel, Nuxt, Vue, PHP, etc.
• SearXNG : Recherche web privacy-focused
• Nuxt Remote : Documentation Nuxt UI et Nuxt

---

🔒 Aucun Envoi de Données

Tous les skills respectent la privacy :

• ✅ Context7 en mode cache local (pas d'appels API externes)
• ✅ MCP Nuxt/Nuxt UI en lecture seule
• ✅ Fichiers references/ locaux pour documentation détaillée
• ✅ Pas d'envoi de code vers des services externes

---

📚 Créer un Nouveau Skill

# Utiliser le template
cp docs/SKILL-TEMPLATE.md skills/category/my-new-skill/SKILL.md

# Éditer le SKILL.md avec le frontmatter YAML
# Ajouter les fichiers references/

# Mettre à jour marketplace.json (si nouvelle catégorie)
# Lancer validate-skills.sh
# Sync avec sync-skills.sh

Voir docs/SKILL-TEMPLATE.md pour le guide complet.

---

🤝 Contribution

Contributions welcome !

1. Fork le projet
2. Créer une branche (git checkout -b feature/new-skill)
3. Commit (git commit -m 'Add new skill')
4. Push (git push origin feature/new-skill)
5. Ouvrir une Pull Request

---

📄 Licence

MIT License - voir LICENSE

---

🙏 Remerciements

• Claude Code par Anthropic
• Laravel par Taylor Otwell
• Nuxt par Nuxt Team
• Vue.js par Evan You
• Context7 pour la documentation locale

---

Version: 2.0.0 Plugins: 7 Skills: 26 Catégories: Frontend, Backend, Cross-Platform, Database, DevOps, Practices, Design