MCP HubMCP Hub
Retour aux compétences

tailwind-v4-shadcn

ma1orek
Mis à jour 3 days ago
5 vues
1
1
Voir sur GitHub
Designwordreactaiautomationdesign

À propos

Cette compétence configure Tailwind CSS v4 avec shadcn/ui en utilisant une architecture de variables CSS et le motif @theme inline, suivant un processus en quatre étapes. Elle prévient spécifiquement huit erreurs courantes comme les couleurs qui ne fonctionnent pas, les conflits de mode sombre et les problèmes de migration. Utilisez-la lors de l'initialisation de projets React avec Tailwind v4 ou pour résoudre ces problèmes de configuration spécifiques.

Installation rapide

Claude Code

Recommandé
Principal
npx skills add ma1orek/replay -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/ma1orek/replay
Git CloneAlternatif
git clone https://github.com/ma1orek/replay.git ~/.claude/skills/tailwind-v4-shadcn

Copiez et collez cette commande dans Claude Code pour installer cette compétence

Dépôt GitHub

ma1orek/replay
Chemin: .agents/skills/tailwind-v4-shadcn
0

Compétences associées

executing-plans

Design

Utilisez la compétence executing-plans lorsque vous disposez d'un plan de mise en œuvre complet à exécuter par lots contrôlés avec des points de contrôle de revue. Elle charge et examine le plan de manière critique, puis exécute les tâches par petits lots (3 tâches par défaut) tout en rapportant la progression entre chaque lot pour une revue par l'architecte. Cela garantit une mise en œuvre systématique avec des points de contrôle de qualité intégrés.

Voir la compétence

requesting-code-review

Design

Cette compétence délègue un sous-agent réviseur de code pour analyser les modifications apportées au code par rapport aux exigences avant de poursuivre. Elle doit être utilisée après avoir terminé des tâches, implémenté des fonctionnalités majeures, ou avant une fusion vers la branche principale. La revue aide à détecter précocement les problèmes en comparant l'implémentation actuelle avec le plan initial.

Voir la compétence

connect-mcp-server

Design

Cette compétence fournit un guide complet permettant aux développeurs de connecter des serveurs MCP à Claude Code via les transports HTTP, stdio ou SSE. Elle couvre l'installation, la configuration, l'authentification et la sécurité pour intégrer des services externes tels que GitHub, Notion et des API personnalisées. Utilisez-la lors de la configuration d'intégrations MCP, de la configuration d'outils externes ou du travail avec le Protocole de Contexte de Modèle de Claude.

Voir la compétence

web-cli-teleport

Design

Cette compétence aide les développeurs à choisir entre les interfaces Web et CLI de Claude Code en fonction de l'analyse des tâches, puis permet une téléportation transparente des sessions entre ces environnements. Elle optimise le flux de travail en gérant l'état et le contexte de la session lors du passage entre le web, la CLI ou le mobile. Utilisez-la pour des projets complexes nécessitant différents outils à diverses étapes.

Voir la compétence