MCP HubMCP Hub
SKILL·E3548F

tailwind-css

a5c-ai
Mis à jour 1 month ago
13 vues
331
15
331
Voir sur GitHub
Designaidesign

À propos

Cette compétence offre une assistance experte pour la configuration de Tailwind CSS, le développement de plugins personnalisés et la mise en œuvre de systèmes de design pour les applications web modernes. Elle aide les développeurs à configurer des projets, à créer des modèles de composants réutilisables et à implémenter des fonctionnalités telles que le thémage et le mode sombre. Utilisez-la lorsque vous travaillez avec Tailwind CSS sur des frameworks comme React, Next.js ou Vue pour optimiser les builds et les flux de travail de stylisation.

Installation rapide

Claude Code

Recommandé
Principal
npx skills add a5c-ai/babysitter -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/a5c-ai/babysitter
Git CloneAlternatif
git clone https://github.com/a5c-ai/babysitter.git ~/.claude/skills/tailwind-css

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

Dépôt GitHub

a5c-ai/babysitter
Chemin: plugins/babysitter/skills/babysit/process/specializations/web-development/skills/tailwind-css
0
agent-orchestrationagent-skillsagentic-aiagentic-workflowai-automationbabysitter
FAQ

Frequently asked questions

What is the tailwind-css skill?

tailwind-css is a Claude Skill by a5c-ai. Skills package instructions and resources that Claude loads on demand, so Claude can perform tailwind-css-related tasks without extra prompting.

How do I install tailwind-css?

Use the install commands on this page: add tailwind-css to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does tailwind-css belong to?

tailwind-css is in the Design category, tagged ai and design.

Is tailwind-css free to use?

Yes. tailwind-css is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

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