refine-verbs

Applies fifteen scoped interface refinement verbs to UI surfaces without altering out-of-scope elements.

Updated Aug 12, 2026
One-click install
npx skills add https://github.com/brunoolf/frontend-craft --skill refine-verbs-brunoolf
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: refine-verbs
Source: https://github.com/brunoolf/frontend-craft/tree/main/skills/refine-verbs
Command: npx skills add https://github.com/brunoolf/frontend-craft --skill refine-verbs-brunoolf

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Vague design feedback like "make it bolder" or "it's too busy" often leads to uncontrolled changes that destroy work that was already correct. This Skill maps natural-language refinement requests to fifteen strictly scoped verbs, each defining exactly what may change and what must never be touched. ## Core Features & Use Cases - Fifteen scoped verbs: bolder, quieter, distill, polish, delight, overdrive, typeset, layout, colorize, harden, onboard, clarify, adapt, optimize, and extract, each with explicit boundaries. - Natural-language routing: maps phrases like "tá gritando" or "simplifica" to the correct verb automatically. - Wrong-verb detection: flags when the requested verb does not match the real problem and proposes the right one before executing. - Use Case: A user says "deixa mais ousado" about a landing page; the Skill applies bolder by amplifying typographic contrast and palette commitment while leaving structure, copy, and flow untouched. ## Quick Start Ask the assistant to refine the current interface using a direction such as "make it bolder" or "simplify this screen" and it will apply the matching scoped verb.

Frequently Asked Questions about refine-verbs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I refine a UI without breaking what already works?▼

Use a scoped refinement verb that defines exactly what changes and what stays untouched. For example, bolder only amplifies contrast and scale, while layout only adjusts spacing and alignment, so structure and copy remain intact.

What is the difference between bolder, quieter, and distill?▼

Bolder amplifies the existing direction through stronger contrast and commitment. Quieter reduces overstimulation by cutting competing colors and decorative motion. Distill removes elements until only the essential remains, without cutting functionality.

When should I use polish versus harden before shipping?▼

Polish is the final visual pass covering contrast, spacing, type, motion, and copy. Harden prepares for production with real error states, edge cases like empty or overflowing content, slow networks, and text growth from internationalization.

Can a refinement verb change the whole visual direction?▼

No. Refinement preserves identity, behavior, and copy by definition. If the request requires replacing the visual world, that is a redesign and must go through the art direction workflow instead of a refinement verb.

What happens if I request the wrong refinement verb?▼

The Skill flags the mismatch before executing and suggests the correct verb. For example, if boldness seems lacking due to uniform spacing, it recommends layout first rather than executing bolder on the wrong problem.