Il Miglior Design,
Pronto per
Claude Code
311 animazioni, componenti e template per siti, app e gestionali. Copi il prompt e il tuo agente lo rifà nel tuo progetto.
Claude Code311 animazioni, componenti e template per siti, app e gestionali. Copi il prompt e il tuo agente lo rifà nel tuo progetto.
OKLCH.fyiConverti, genera ed esplora i colori OKLCH per creare palette con la stessa luminosità su tutte le tinte.oklch.fyi
Easing GraphsUna raccolta visiva di curve di easing con grafico e valori, per scegliere la curva giusta invece di tirare a indovinare un cubic-bezier.easing.dev
ImpeccableUna agent skill, 20 comandi e un elenco di errori da evitare che guidano Cursor o Claude Code verso un frontend rifinito.impeccable.style
Checklist per il design systemUna checklist open source per pianificare, costruire e far crescere un design system, dai token alla documentazione.designsystemchecklist.com
rams, revisione del designRevisioni di design automatiche per il codice scritto dall'AI: trovano problemi di accessibilità e difetti visivi in React, Vue e Svelte.rams.ai
UI SkillsUn set di agent skill per rifinire le interfacce fatte dagli agenti di coding: spaziature, testo, movimento e stati.ui-skills.com
shadowLabUn banco di prova per ombre a più livelli su web e React Native, con il codice pronto da copiare.shadowlab.mocarski.design
Taste SkillFile di skill open source che danno gusto al tuo agente di coding e gli impediscono di produrre interfacce tutte uguali.tasteskill.dev
Le agent skill di Emil KowalskiAgent skill di un design engineer di Linear: insegnano al tuo agente di coding le sue regole su animazioni e rifinitura delle interfacce.github.com
AgentationClicchi sulla pagina che gira, lasci note visive e le passi al tuo agente di coding come feedback preciso, con il contesto dell'elemento.agentation.com
Le agent skill di Jakub KrehelUn set di agent skill che spingono il tuo agente di coding verso animazioni, tipografia e impaginazione più curate.github.com
UI CameraTrasforma gli screenshot della tua interfaccia in foto e video di prodotto da studio, direttamente nel browser: per lanci e landing page.ui.camera
Generatore di design tokenIncolli i colori del brand o un export di Figma o Tokens Studio e ottieni design token semantici pronti per il codice.design.dev
Corner RadiiCalcola il raggio interno giusto per angoli arrotondati annidati partendo da padding e raggio esterno: niente più card dentro card che sembrano storte.corner-radii.xyz
GRADIENTOOLUn generatore di gradienti con variazioni casuali infinite, da ritoccare ed esportare in CSS: comodo per sfondi e hero.gradientool.com
Huetone, palette accessibiliUno strumento per creare palette in uno spazio colore percettivo, con il contrasto APCA e WCAG di ogni tinta, poi esportarle come token.huetone.ardov.me
Atmos, palette di coloriUn generatore di palette pensato per chi disegna interfacce: ruota dei colori, scale di tonalità e controllo del contrasto, con export per Figma e variabili CSS.atmos.style
Utopia, testo e spazi fluidiCalcolatori che trasformano una scala di testo e spazi per schermo piccolo e una per schermo grande in valori CSS clamp(): le misure crescono senza breakpoint.utopia.fyi
Selettore colori OKLCHSelettore e convertitore di colori OKLCH con grafici live di luminosità, croma e tinta e controllo del gamut P3: il modo più rapido per palette uniformi su tutte le tinte.oklch.com