Frontend Design
Frontend design skill for UI/UX implementation
Genera interfacce frontend distintive e di livello production, capaci di distinguersi dai design generici prodotti dall'IA. Questo plugin consente a Claude di creare codice curato con scelte estetiche audaci, tipografia e palette cromatiche originali, animazioni ad alto impatto e dettagli visivi contestuali.
Il plugin definisce un framework di design prima di iniziare a programmare, identificando scopo, pubblico di riferimento e una direzione estetica specifica (brutalista, maximalista, retro-futuristica, luxury, giocosa, ecc.). Evita deliberatamente i pattern più comuni: font di sistema generici, gradienti viola prevedibili e componenti standardizzati.
Le aree di design chiave includono una tipografia ricercata con abbinamenti di font inaspettati, animazioni orchestrate e interazioni attivate dallo scroll, composizioni spaziali con asimmetria ed elementi che rompono la griglia, e profondità visiva ottenuta tramite gradienti, texture ed effetti a strati.
Come si usa: Chiedi a Claude di realizzare interfacce frontend: questa funzionalità si attiverà automaticamente. Prova con istruzioni come "Crea una dashboard per un'app di streaming musicale", "Realizza una landing page per una startup di sicurezza IA" o "Progetta un pannello impostazioni con supporto alla modalità scura".