15/04/2026
Ho creato una skill Claude gratuita per il Porsche Design System 🏁
Il problema: PDS è un design system serio (web components, v3 e v4 con API diverse, integrazione Tailwind, theming via tokens) ma fuori dal mondo Porsche è di nicchia. Risultato: chiedi a Claude un componente PDS e ti restituisce Tailwind generico o markup che non esiste.
La soluzione: una skill che insegna a Claude le API reali (PButton, PHeading, PWordmark), le differenze v3 vs v4, i setup framework-specific e i token di design.
Dentro ci trovi:
→ Setup completi per Astro, React + Vite, Next.js, React Router, Vanilla JS
→ Migration guide v3 → v4
→ Color tokens e theming con CSS light-dark()
→ Integrazione Tailwind v4
→ License guard automatico (PDS ha vincoli d'uso)
→ 14 file totali, caricati on-demand
Licenza MIT. Drop-in nei tuoi progetti Claude. PR benvenute.
🔗 s.calicchia.design/pds
webdev opensource frontend astro react nextjs claudeskills