Design direction

Anthropic's skill for interfaces that don't look generated: pick a clear aesthetic direction for palette, type, layout and motion before writing code, then check the result against the brief.

Reads the brief, sets dials for variance, motion and density, maps the page to a real design system and runs a strict pre-flight check before shipping a landing page or portfolio.

One design skill with many verbs: shape, craft, critique, audit, polish, harden, animate, colorize, typeset. Backed by deep reference docs on every part of interface design.

Emil Kowalski's design engineering philosophy: when and how to animate, exact easing and duration values, springs, component polish and a fixed review format.

A large anti-slop design system: page structures, 21 themes, nav and footer archetypes and 58 slop checks, with audit, redesign and study-a-URL modes and project memory.

Interface polish with exact values: concentric radius, optical alignment, shadows versus borders, image outlines, press scale, stagger and exit timing.

Grouping, alignment, reading order and responsive structure, plus stress tests for translated and right-to-left layouts.

A compact list of MUST and NEVER rules for UI code, covering components, interaction, animation, typography and layout, to clean up generic output fast.

A quality gate that keeps the product's direction and catches generic AI defaults with a removal test and compact checks.

Art direction and build of motion-rich marketing and portfolio sites: honest assets, the hero, a motion system and Three.js only where it earns its place.

Visual direction, build and audit for React, Next.js and Tailwind UI, in direction, extract, build, audit and break modes.

Craft-first design for product UI such as dashboards and admin panels: intent first, hierarchy, density, depth and type scale, with a system.md memory.

Concrete slop patterns in color, gradients, glass, radius, shadows, layout and components, each with a fix.

Scroll-driven landing pages for product and service brands: the visitor's journey, page structure, scrubbed media and scroll checks.

Directs a website like a film: a commitment sheet before code, generated assets, a slop linter and motion checks for award-level marketing pages.

A design engineering system with dials for craft, motion and density, stack detection, Tailwind translations and rules against generic output.