Skip to content
cccskills
FreePublished on GitHub

bolder

Amplify personality — raises layout variance and motion, strengthens typography and one signature detail, without slop. Use when the UI works but feels safe, flat, or "template-y", or when the user says "bolder", "more personality", "more creative", or "make it pop" (still professional). Invoke when the user asks for bolder on their UI, or mentions 'bolder' alongside design / UI / frontend work.

The English summary is being prepared. Showing the original description.

educlopez/ui-craft
See how to install

Files included (1)

  • SKILL.md2.4 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

<!-- HARNESS MIRROR — do not edit here. Canonical source: commands/bolder.md. After editing source, copy into cli/assets/<harness>/ and repo-root harness mirrors. -->

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).

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

adapt

Free

Responsive layout pass covering breakpoints, touch targets, safe areas, and fluid type. Use when the UI has layout or touch issues on mobile/tablet, when adding a new screen that hasn't been tested across viewports, or when the user says "make it responsive" / "fix mobile layout". Invoke when the user asks for adapt on their UI, or mentions 'adapt' alongside design / UI / frontend work.

The English summary is being prepared. Showing the original description.

educlopez/ui-craft390Updated Oct 14, 2026

animate

Free

Motion design pass — adds purposeful animations or removes excessive ones, respecting MOTION_INTENSITY and the project's animation stack. Use when the user asks to add animation, "make it feel smoother", fix janky transitions, or trim motion that's distracting. Invoke when the user asks for animate on their UI, or mentions 'animate' alongside design / UI / frontend work.

The English summary is being prepared. Showing the original description.

educlopez/ui-craft390Updated Oct 14, 2026

audit

Free

Technical UI audit — a11y, performance, responsive. Produces a prioritized findings table. Invoke when the user asks for audit on their UI, or mentions 'audit' alongside design / UI / frontend work.

The English summary is being prepared. Showing the original description.

educlopez/ui-craft390Updated Oct 14, 2026

brief

Free

Write or update the project's durable design brief at .ui-craft/brief.md. Invoke when the user asks for brief on their UI, or mentions 'brief' alongside design / UI / frontend work.

The English summary is being prepared. Showing the original description.

educlopez/ui-craft390Updated Oct 14, 2026

clarify

Free

UX copy review across buttons, errors, empty states, and form hints — critiques by default, applies only on request. Use when copy feels vague, generic, or AI-sounding, or when the user says "fix the labels", "improve error messages", or "review the copy". Invoke when the user asks for clarify on their UI, or mentions 'clarify' alongside design / UI / frontend work.

The English summary is being prepared. Showing the original description.

educlopez/ui-craft390Updated Oct 14, 2026

colorize

Free

Color strategy pass — introduces a single accent at 3-5 intentional placements, or reduces an over-colored UI back to 90% neutral. Use when the UI has no color identity, uses blue by default, or is shouting with too many competing accents. Invoke when the user asks for colorize on their UI, or mentions 'colorize' alongside design / UI / frontend work.

The English summary is being prepared. Showing the original description.

educlopez/ui-craft390Updated Oct 14, 2026

See all skills by educlopez

Report a problem with this skill