refine

Solid

A shared vocabulary of named refine commands for existing UI (typeset, colorize, animate, settle, flow, bolder, quieter, distill, regroup, glass, iconify, deslop, brandward, productward, audit, critique, harden, polish). Use when the user asks to improve, fix, tighten, calm, strengthen, or polish a UI with a precise verb instead of a vague "make it better". Each command is one scoped move wired to the rest of the suite.

Web & Frontend 3 stars 0 forks Updated 6 days ago MIT

Install

View on GitHub

Quality Score: 79/100

Stars 20%
20
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Refine A shared vocabulary of small, named moves you make on UI that already exists. Each command is one verb with one job. "Make it better" is vague and drifts; `typeset` then `quieter` then `polish` is precise, repeatable, and reviewable. This is the granular layer of the suite. `design-system` creates an identity, `fluid` sets the motion, `output` gates the ship. `refine` is the set of verbs you use in between to push a screen from done to right. ## How to invoke The user names the verb, in their words or as a slash command: - "typeset this", "make the hero bolder", "calm the motion", "/polish the pricing section" Apply exactly that move, nothing else. Do not `colorize` when asked to `typeset`. If the user named a region (a section, a component, a selection), scope to it; otherwise apply to the current view. State the change in one line, then run `audit` if motion or color was touched. Commands compose. Chain them in the order the user implies, or in the natural order: structure, then type, then color, then motion, then polish. Full definitions, with what each one enforces and leaves alone, are in [reference/commands.md](reference/commands.md). ## The vocabulary Type - **typeset** — repair typography: a distinctive pairing from the database, a real scale, measure under ~75 characters, tracking eased on large headings. Kills justified, sub-10px, and crushed text. - **recase** — fix casing tics: drop all-caps body, keep uppercase kickers to one if at all. Color - ...

Details

Author
Darcos-Loft
Repository
Darcos-Loft/fluid
Created
1 months ago
Last Updated
6 days ago
Language
JavaScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Featured

refactoring-ui

Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or amateur/unprofessional), "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data-visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.

1,745 Updated 4 days ago
wondelai
Code & Development Listed

idea-refine

Refines raw ideas into sharp, actionable concepts through structured divergent and convergent thinking. Use when an idea is still vague, when you need to stress-test assumptions before committing to a plan, or when you want to expand options before converging on one. Triggers on "ideate", "refine this idea", or "stress-test my plan".

0 Updated 2 days ago
andrewr303
Data & Documents Listed

refactor

Deep functional refactoring of TypeScript code for purity, testability, and modularity. Use when the user says /refactor, asks to clean up or restructure code, mentions large files, god functions, mixed concerns, poor testability, or when code grew unwieldy after feature iterations. Also triggers on "this file is too big", "split this", "make this more functional", "extract", "decompose", or any mention of code smells like let, try/catch in business logic, for loops, or files over 300 lines. If the user describes messy, tangled, or overgrown code that needs structural improvement, this is the right skill — even without the word "refactor."

1 Updated 3 days ago
supermodo