SomtechSolutionMAxime/scaffold-component
.claude/skills/scaffold-component/SKILL.md
Créer un composant React/TypeScript/Tailwind. TRIGGERS : créer composant, scaffold-ui, nouveau composant, ajouter composant
development
Updated Apr 17, 2026
$ install --global
skillsauthnpx skillsauth add SomtechSolutionMAxime/somtech-pack scaffold-componentInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 17, 2026, 12:16 PM7.9s1 file scanned
SKILL.md
- name:
- scaffold-component
- description:
- |
- TRIGGERS:
- créer composant, scaffold-ui, nouveau composant, ajouter composant
- disable-model-invocation:
- false
- allowed-tools:
- Read, Write, Edit, Glob, Grep
Scaffold Component React
Procédure
1. Vérifier l'existant
# Chercher composants similaires
find src/components -name "*.tsx" -type f | head -20
2. Créer le composant
Structure standard :
import { useState } from 'react';
interface ${ComponentName}Props {
// Props typées
}
export function ${ComponentName}({ ...props }: ${ComponentName}Props) {
const [loading, setLoading] = useState(false);
const [error, setError] = useState<string | null>(null);
// États
if (loading) {
return <div data-testid="${component-name}-loading">Chargement...</div>;
}
if (error) {
return (
<div data-testid="${component-name}-error" className="text-red-500">
{error}
</div>
);
}
return (
<div data-testid="${component-name}">
{/* Contenu */}
</div>
);
}
3. Checklist
- [ ] Props typées avec interface
- [ ] États : loading, vide, erreur, succès
- [ ]
data-testidsur éléments critiques - [ ] Pas de secrets dans le code
4. Valider
Utiliser /validate-ui pour confirmer 0 erreur console.
Related Skills
SomtechSolutionMAxime/somcraft
tools
VerifiedTrustedCommunity
Documentation de référence SomCraft — DMS Markdown-native avec AI, MCP server, et Studio. À consulter pour toute question sur l'architecture, les APIs, les concepts, ou l'exploitation d'une instance SomCraft. TRIGGERS : somcraft, dms, document management, workspace somcraft, studio somcraft, mcp somcraft, api somcraft
SKILL.mdUpdated Apr 18, 2026
SomtechSolutionMAxime/deploy-somcraft
tools
VerifiedTrustedCommunity
Déployer une instance SomCraft pour un client existant (migrations Supabase + Fly.io + skills). Orchestre 7 phases : pré-flight, plan, migrations, seed, déploiement, smoke tests, installation des skills. TRIGGERS : deploy-somcraft, déployer somcraft, installer somcraft, somcraft client, setup somcraft, upgrade somcraft, status somcraft
SKILL.mdUpdated Apr 18, 2026
SomtechSolutionMAxime/silo-generator
tools
VerifiedTrustedCommunity
Génère l'intégralité de la configuration d'un silo SomTech : docker-compose, services Fly.io, constitutions d'agents, et templates d'environnement. Valide les métadonnées d'application avant génération. À utiliser après validation initiale du client et avant déploiement.
SKILL.mdUpdated Apr 18, 2026
SomtechSolutionMAxime/silo-deployer
development
VerifiedTrustedCommunity
Exécute le déploiement complet d'une silo après sa génération : conteneurs Docker, environnement de développement Fly.io, branche Git, et configuration Netlify. Transforme les configs générées en infrastructure active avec URLs stables et builds automatisés.
SKILL.mdUpdated Apr 18, 2026