·component-wrapper-architecture
*

component-wrapper-architecture

theorcdev/8bitcn-ui

Meilleures pratiques pour encapsuler les composants shadcn/ui. À appliquer lors de la création de variantes de style 8 bits de composants shadcn/ui existants.

14Installations·0Tendance·@theorcdev

Installation

$npx skills add https://github.com/theorcdev/8bitcn-ui --skill component-wrapper-architecture

SKILL.md

8-bit components wrap shadcn/ui components rather than replacing them. This pattern maintains compatibility while adding retro styling.

For components with multiple sub-components, re-export unchanged parts:

Use outer wrapper for pixelated borders while keeping base component:

Meilleures pratiques pour encapsuler les composants shadcn/ui. À appliquer lors de la création de variantes de style 8 bits de composants shadcn/ui existants. Source : theorcdev/8bitcn-ui.

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/theorcdev/8bitcn-ui --skill component-wrapper-architecture
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que component-wrapper-architecture ?

Meilleures pratiques pour encapsuler les composants shadcn/ui. À appliquer lors de la création de variantes de style 8 bits de composants shadcn/ui existants. Source : theorcdev/8bitcn-ui.

Comment installer component-wrapper-architecture ?

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/theorcdev/8bitcn-ui --skill component-wrapper-architecture 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/theorcdev/8bitcn-ui