Claude Skills by Intense-Visions

> Combining typefaces — contrast principles, superfamilies, serif+sans pairing rules, pairing by x-height and proportion, limiting to 2-3 families

> Form design beyond labels — progressive disclosure, inline validation timing, smart defaults, forgiving formats, single-column superiority, error recovery

> Pattern completion — the brain fills gaps in incomplete shapes (closure) and follows smooth paths over abrupt changes (continuity), with implications for icons, progress indicators, and visual flow

> Motion grouping — elements that move or change together are perceived as a unit, with implications for animation, loading states, and batch operations

> Depth perception — distinguishing foreground from background, ambiguous figure-ground as a design tool, z-axis ordering, overlay and modal perception

> Spatial grouping — elements near each other are perceived as related, controlling group membership through distance, with common region as a proximity amplifier

> Visual kinship — elements sharing color, size, shape, or texture are perceived as related, creating categories without explicit labels

> Grid theory — column, modular, baseline, and compound grids, gutter rhythm, and breaking the grid intentionally for emphasis

> Designing for internationalization — text expansion, RTL layout, icon cultural sensitivity, date/number/currency formatting, pseudolocalization testing

> Icon design principles — optical sizing, stroke consistency, pixel grid alignment, metaphor clarity, icon families, filled vs outlined states, and icon as a systematic visual language

> Illustration system design — style consistency, spot vs. hero illustrations, illustration as brand voice, abstract vs. representational choices, and illustration tokens for systematic production

> Image in design — art direction, aspect ratios, focal point composition, image treatments (duotone, overlay, blur), placeholder strategy, and the role of image as hero vs. supporting element

> Structuring information — card sorting, tree testing, mental models, labeling systems, organization schemes, findability

> Perceived performance — skeleton screens, progressive loading, optimistic rendering, shimmer effects, content-first loading, perceived vs actual speed

> Google's adaptive design language covering dynamic color extraction from wallpaper, HCT-based tonal palettes, elevation through tonal surface color rather than drop shadows, shape theming with corner families, and choreographed motion with shared-axis transitions.

> Small moments that delight — trigger, rules, feedback, loops/modes (Dan Saffer's framework), when micro-interactions aid usability vs decoration

> Purposeful animation — Disney's 12 principles adapted for UI, easing curves, duration guidelines, choreography, motion as feedback vs decoration, reducing motion

> Design system nomenclature for semantic and descriptive names, color naming, size naming, and maintaining consistent vocabulary across design and code.

> Wayfinding — navigation models (hub-spoke, hierarchy, flat, content-driven), persistent vs contextual nav, breadcrumbs, information scent

> Building functional palettes — primary/secondary/accent selection, neutral scales, semantic colors, and tint/shade generation for production design systems

> Scroll-driven depth — rate-differential parallax, scroll-triggered reveals, sticky sections, scroll narrative, performance constraints, motion sensitivity

> Optimizing for reading — line length (measure), line height (leading), paragraph spacing, text alignment, hyphenation, and reading patterns (F-pattern, Z-pattern)

> Responsive as a design decision — content-first breakpoints, progressive disclosure, and treating every viewport as a first-class design target

> Type across viewports — fluid typography with CSS clamp(), viewport-relative scaling, minimum readable sizes, and maintaining hierarchy across breakpoints

> UI state inventory — empty, loading, partial, error, success, offline, disabled, read-only, and how each state communicates system status

> Token taxonomy covering primitive, semantic, and component tokens with naming conventions, aliasing chains, theme switching, and the token-to-code pipeline.

> Temporal design — enter/exit asymmetry, stagger patterns, easing functions (ease-out for enter, ease-in for exit), duration by element size, interruptibility

> Mathematical type scales — modular, major third, perfect fourth, golden ratio, custom scales, and when each is appropriate

> Establishing reading order through type — size, weight, color, spacing, case, and position as hierarchy signals

> Anatomy of type — x-height, ascenders, descenders, counters, serifs, stroke contrast, optical sizing, and how anatomy affects readability

> Directing attention through size, color, contrast, position, isolation, and motion — the system that tells the eye where to go first, second, and third

> Font loading strategy — performance vs. FOUT/FOIT, variable fonts, subsetting, system font stacks, and font-display options

> Space as a design element — macro vs. micro whitespace, breathing room, density control, and whitespace as a signal of quality and luxury

> Detect design-system drift — hardcoded values where tokens exist, and raw HTML primitives where registered components exist. The rule-based floor of design-pipeline (detect half). Reports findings; never modifies source. Pairs with a separate align-design-system fixer skill (deferred to a sibling sub-project).

> LLM-judgment critique of documentation quality — the ceiling counterpart to the rule-based documentation floor (harness-detect-doc-drift / harness-check-docs / harness-docs-pipeline, which enforce existence, link freshness, and coverage). The direct structural twin of harness-design-craft: the floor keeps docs from being broken; docs-craft asks whether they are any good. Emits 3-axis findings (tier × impact × confidence per ADR 0019).

> Filter Drizzle queries with eq(), and(), or(), between(), sql template tag, and custom conditions

> Manage Drizzle schema evolution with drizzle-kit generate/push/migrate and introspect

> Optimize Drizzle queries with prepared statements, db.batch(), explain analysis, and join-based N+1 avoidance

> Compose type-safe SQL with Drizzle's fluent query builder for select, insert, update, and delete

> Execute raw SQL safely in Drizzle with the sql template tag, db.execute(), and placeholder()

> Define Drizzle relations with relations(), one(), many(), references(), and inferred types

> Define Drizzle ORM schemas with pgTable/mysqlTable/sqliteTable, column types, indexes, and constraints

> Execute atomic Drizzle operations with db.transaction(), nested transactions, and rollback semantics

> Integrate Drizzle with Next.js using Neon/Vercel Postgres, edge runtime, and connection pooling

> Define and evolve event schemas using a schema registry with Avro, Protobuf, or JSON Schema.

> Run event storming workshops to discover domain events, commands, and bounded contexts.

> Handle duplicate message delivery safely using idempotency keys and deduplication stores.

> Produce and consume Kafka messages with partitioning, consumer groups, and offset management.

> Use message queues for reliable async delivery with competing consumers and dead letter queues.

> Reliably publish domain events using the transactional outbox and CDC polling approach.