Make It Flow
Select, compare, compose, specify, implement, and verify interaction patterns for screen-based interfaces. Use when choosing or revising navigation, screen structure, workflows, list/detail behavior, action and state models, forms, data exploration, feedback and recovery, responsive adaptations, or whether an implementation preserves interaction state, especially when alternatives have meaningful…
Lets Build A Site
Build or complete end-to-end websites from sparse briefs, documents, copy, images, video, asset folders, or existing code by inspecting materials first, choosing the site goal, single-page or multi-page architecture, and deliverable, coordinating only needed UX/UI specialists, implementing in the appropriate stack, and verifying the rendered result. Use for complete landing pages, showcase sites,…
Make It Obvious
Review concrete web and mobile interfaces, flows, prototypes, recordings, and usability-test notes for comprehension, orientation, action clarity, and avoidable task friction. Use for usability reviews, diagnosing hesitation, missed actions, navigation failures, or recoverable errors, and turning observed behavior into prioritized local improvements. Do not use for product discovery, interaction…
Set The Grid
Design, implement, diagnose, and verify responsive structural layout systems for web pages and components. Use when work requires coordinated decisions about containers, columns, modules, margins, gutters, spans, alignments, vertical rhythm, whitespace, media placement, layout tokens, or structural transformations across viewport and container sizes; also use to repair brittle or inconsistent gri…
Break It Right
Analizza, compone, implementa e verifica i ritorni a capo dei testi web in base a significato, punteggiatura e ritmo visivo. Utilizzare durante la creazione o revisione di siti, landing page, prototipi HTML e interfacce frontend quando hero, titoli, lead, card, CTA, navigazione o microcopy presentano interruzioni illogiche, parole orfane, righe sbilanciate, overflow o testi brevi che dovrebbero r…
Check The Style
Analizza, progetta, implementa e verifica il visual design di interfacce web e mobile. Usa quando una UI esistente o in sviluppo appare debole, rumorosa, incoerente o poco rifinita, oppure quando occorre migliorare gerarchia, spaziatura, tipografia, colore, contrasto, profondità, immagini, stati, resa responsive e token. Non usare come skill primaria per strategia prodotto, pattern di interazione…
Before We Make A Mess
Guide product discovery for uncertain opportunities, features, and UX/UI directions by framing the problem, target users, outcomes, alternatives, evidence, assumptions, and risks; choose focused research, experiments, or prototypes and define decision gates before interaction design or further product investment. Use when deciding whether or what to build, comparing opportunities, turning discove…