·standards-components
*

standards-components

maxritter/claude-codepro

Concevez des composants d'interface utilisateur réutilisables et composables selon le principe de responsabilité unique avec des interfaces claires, une encapsulation et un minimum d'accessoires. Utilisez cette compétence lors de la création ou de la modification de composants frontend dans n'importe quel framework (React, Vue, Svelte, composants Web) ou fichiers de composants. Appliquer lorsque vous travaillez avec des fichiers .jsx, .tsx, .vue, .svelte dans des répertoires de composants (components/, src/components/, ui/, lib/), en définissant les accessoires et les interfaces des composants, en implémentant des modèles de composition de composants, en gérant l'état au niveau des composants, en créant des éléments d'interface utilisateur réutilisables (boutons, formulaires, cartes, modaux), en documentant les API des composants ou en refactorisant les composants pour une meilleure réutilisabilité et maintenabilité.

3Installations·0Tendance·@maxritter

Installation

$npx skills add https://github.com/maxritter/claude-codepro --skill standards-components

SKILL.md

Core Rule: Build small, focused components with single responsibility. Compose complex UIs from simple pieces.

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend components.

Each component does one thing well. If you need "and" to describe it, split it.

Concevez des composants d'interface utilisateur réutilisables et composables selon le principe de responsabilité unique avec des interfaces claires, une encapsulation et un minimum d'accessoires. Utilisez cette compétence lors de la création ou de la modification de composants frontend dans n'importe quel framework (React, Vue, Svelte, composants Web) ou fichiers de composants. Appliquer lorsque vous travaillez avec des fichiers .jsx, .tsx, .vue, .svelte dans des répertoires de composants (components/, src/components/, ui/, lib/), en définissant les accessoires et les interfaces des composants, en implémentant des modèles de composition de composants, en gérant l'état au niveau des composants, en créant des éléments d'interface utilisateur réutilisables (boutons, formulaires, cartes, modaux), en documentant les API des composants ou en refactorisant les composants pour une meilleure réutilisabilité et maintenabilité. Source : maxritter/claude-codepro.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/maxritter/claude-codepro --skill standards-components
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-05
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que standards-components ?

Concevez des composants d'interface utilisateur réutilisables et composables selon le principe de responsabilité unique avec des interfaces claires, une encapsulation et un minimum d'accessoires. Utilisez cette compétence lors de la création ou de la modification de composants frontend dans n'importe quel framework (React, Vue, Svelte, composants Web) ou fichiers de composants. Appliquer lorsque vous travaillez avec des fichiers .jsx, .tsx, .vue, .svelte dans des répertoires de composants (components/, src/components/, ui/, lib/), en définissant les accessoires et les interfaces des composants, en implémentant des modèles de composition de composants, en gérant l'état au niveau des composants, en créant des éléments d'interface utilisateur réutilisables (boutons, formulaires, cartes, modaux), en documentant les API des composants ou en refactorisant les composants pour une meilleure réutilisabilité et maintenabilité. Source : maxritter/claude-codepro.

Comment installer standards-components ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/maxritter/claude-codepro --skill standards-components Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

https://github.com/maxritter/claude-codepro

Détails

Catégorie
*Créativité
Source
skills.sh
Première apparition
2026-02-05