mcpField
B
bolder

bolder

github.com/educlopezDesign & UI407464 installsUpdated 2w ago
Repository

About bolder

bolder is a ui-craft skill for increasing a UI’s visual confidence through layout, motion, typography, accents, and a signature detail. It specifies direct code edits while retaining hierarchy and respecting reduced-motion preferences.

Key features

  1. 01Increase layout variance
  2. 02Add purposeful focal motion
  3. 03Strengthen display typography
  4. 04Emphasize a single accent
  5. 05Add or refine a signature detail

Use cases

  1. 01Giving a product surface more visual distinction
  2. 02Strengthening a marketing hero composition
  3. 03Adding purposeful motion to a focal element

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/educlopez/ui-craft --skill bolder

After installing, type/bolderin Claude Code to confirm it loaded.

Details

From the project README

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 bolder. Load the ui-craft skill and read references/craft-intent.md.

This is amplitude, not decoration. Increase editorial confidence while staying anti-slop clean.

Apply in order (edit code directly):

  1. Declare an updated Craft Read — one line: what changed (variance, motion, signature).
  2. Raise DESIGN_VARIANCE by +1–2 (cap 10). Product surfaces: asymmetric offset, stronger metric hierarchy, or display moment in shell. Marketing: stronger hero composition, section rhythm break, or typographic scale — per references/craft-intent.md variance table.
  3. Raise MOTION_INTENSITY by +1 (cap 10) if below 8 — add one purposeful entrance or hover choreography on the focal element only. Honor prefers-reduced-motion.
  4. Typography — increase display weight or size one step; tighten tracking on headlines; ensure numbers stay tabular-nums.
  5. Accent — strengthen focal accent placement (within 3–5 viewport budget); tint primary card or CTA — never add a second accent hue.
  6. Signature — add or strengthen the one signature bet if missing or weak (see craft-intent §3).

Never add: purple-cyan gradients, bounce easing, glassmorphism stacks, emoji, ALL CAPS headings, three equal icon-card grids, confetti.

Knob gating: if already at variance ≥9 or MOTION ≥9, strengthen signature and typography instead of pushing further.

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

Next step: /critique — confirm the added personality did not cost hierarchy or become slop (rung 1).

Comments

Markdown supported