Crea sistemi di progettazione scalabili con Tailwind CSS v4, token di progettazione, librerie di componenti e modelli reattivi. Da utilizzare durante la creazione di librerie di componenti, l'implementazione di sistemi di progettazione o la standardizzazione di modelli di interfaccia utente.
Installa rapidamente la skill AI tailwind-design-system nel tuo ambiente di sviluppo tramite riga di comando
Fonte: blockmatic/basilic.
Build production-ready design systems with Tailwind CSS v4, including CSS-first configuration, design tokens, component variants, responsive patterns, and accessibility.
Note: This skill targets Tailwind CSS v4 (2024+). For v3 projects, refer to the upgrade guide.
| tailwind.config.ts | @theme in CSS | | @tailwind base/components/utilities | @import "tailwindcss" | | darkMode: "class" | @custom-variant dark (&:where(.dark, .dark )) | | theme.extend.colors | @theme { --color-: value } | | require("tailwindcss-animate") | CSS @keyframes in @theme + @starting-style for entry animations |
Crea sistemi di progettazione scalabili con Tailwind CSS v4, token di progettazione, librerie di componenti e modelli reattivi. Da utilizzare durante la creazione di librerie di componenti, l'implementazione di sistemi di progettazione o la standardizzazione di modelli di interfaccia utente. Fonte: blockmatic/basilic.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/blockmatic/basilic --skill tailwind-design-systemCrea sistemi di progettazione scalabili con Tailwind CSS v4, token di progettazione, librerie di componenti e modelli reattivi. Da utilizzare durante la creazione di librerie di componenti, l'implementazione di sistemi di progettazione o la standardizzazione di modelli di interfaccia utente. Fonte: blockmatic/basilic.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/blockmatic/basilic --skill tailwind-design-system Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/blockmatic/basilic