ahel is live on Product Hunt today. Upvote

quieter

SkillDev tools

Quieter is a skill that gives your AI a design language to work with. Once added, your agent applies design guidance as it builds, so the interfaces and layouts it creates look better.

Available today. Use it from your connected AI after setup.

Add the skill, then ask your AI to build or improve an interface. It will apply the design guidance as it works.

Then ask your AI: use the quieter skill

What your AI can do with it

  • Create better-looking interfaces
  • Produce better-looking layouts
  • Apply a consistent design language to what it builds
  • Follow design guidance while it works on your project

What this skill tells your AI

The instructions your AI receives, as published by educlopez/ui-craft in .codex/skills/quieter/SKILL.md and read by ahel’s review.

Context: this sub-skill is one lens of the broader ui-craft skill. If the ui-craft skill is also installed, read its SKILL.md first for Discovery + Anti-Slop + Craft Test, then apply the specific lens below.

Make the UI at $ARGUMENTS quieter. Load the ui-craft skill and read references/craft-intent.md.

Reduce amplitude without gutting hierarchy. Calm ≠ boring.

Apply in order (edit code directly):

  1. Declare an updated Craft Read — one line: what softened.
  2. Lower DESIGN_VARIANCE by −1–2 (floor 2). Simplify asymmetric breaks; return to clearer grid rhythm where layout was experimental.
  3. Lower MOTION_INTENSITY by −1–2 (floor 2). Remove scroll reveals and stagger; keep hover/focus only.
  4. Visual weight — compress display sizes one step (e.g. 56→48px); reduce shadow depth to hairline or ambient-only; fewer bordered containers.
  5. Color — pull accent placements toward the 3 minimum; neutralize decorative tints; no new hues.
  6. Cut decorative motion — idle animations, parallax, floating elements with no job.

Preserve: primary hierarchy, one CTA level, accessibility, states, signature detail only if it carries meaning (else simplify it).

Overlap: for structural cuts (sections, copy), also apply /distill logic. For color strategy, see /colorize.

Output: edit code. Print Review Format table. End with the updated Craft Read line.

Next step: /critique — confirm restraint did not flatten the hierarchy (rung 1).

Signals

GitHub stars
326
Forks
17
Last commit
Sep 2026
Hacker News mentions
11
Advanced
Catalog kind
skill
Gateway key
quieter
Source
github.com/educlopez/ui-craft