commschoolAgentic Engineeringcommschool.ge

Craft UI.

The AI ships code that works. Craft UI decides whether the result looks considered or generated. I authored it to carry the craft side of the course.

Why it's good

Most AI-built interfaces work and still feel off, because the model has no taste, only defaults. Craft UI gives the agent a judgment layer: a quality floor across motion, type, color, and copy, so the output stops collapsing into the same generated look. It also names the slop to cut.

What it covers

  1. 01
    From brief to UI
    Anchor the design in the product's world, plan it, critique it, then build. Keeps every screen from coming out the same.
  2. 02
    Surfaces
    Concentric border radius, optical alignment, depth from layered shadow instead of borders, image outlines, real hit areas.
  3. 03
    Typography
    text-wrap balance and pretty, macOS font smoothing, tabular numbers that hold the layout still.
  4. 04
    Motion
    Whether to animate before how, strong easing, durations under 300ms, enter and exit, springs, and performance.
  5. 05
    Color
    WCAG contrast as a floor, never meaning by color alone, a visible focus state on every control.
  6. 06
    Aesthetics
    The visual slop to cut: emoji used as icons, gradient text, gradient-square logos, neon glow shadows, icons that do not match their label.
  7. 07
    Copy
    Hero anatomy and the line-level rules: no em dashes, no negation-triads, no hype, sentence case, claims that are specific.
  8. 08
    Transitions
    Eighteen paste-ready CSS transitions with shared motion tokens, each with a reduced-motion guard.

SKILL.md (excerpt)

---
name: craft-ui
description: Craft-level UI polish, the details and motion
  decisions that make an interface feel right, not just work.
author: Nika Siradze
---

## The one rule that beats the rest

Decide whether to animate before you touch how. Anything a
user fires hundreds of times a day should be instant.

## Defaults worth memorizing

- House ease-out is cubic-bezier(0.22, 1, 0.36, 1).
- Functional UI motion stays under 300ms. Exits run faster.
- No emoji as UI, no gradient text, no neon glow shadows.
- No em dashes in the copy, no mood kicker over the headline.

Authored by Nika, included in the course

Craft UI is my own skill, built from the details I keep coming back to. Students get it with the course, so the interfaces they ship look like someone made them. The course teaches the judgment, not just the rules.