tasteful-ui

Solid

UI design and implementation for real product surfaces with taste-first critique, reference routing, project-specific design briefs, variation comparison, and implementation verification. Use when Codex should redesign, build, polish, or critique frontend UI by reading project context, exploring taste, routing through `references/catalog.md`, synthesizing `PROJECT_DESIGN.md` or `design.md`, using investment gates to avoid wrong taste/reference/scope, implementing in the existing stack, and evaluating whether the result is actually better. Best for app screens, dashboards, landing pages, query tools, product surfaces, and design explorations; not for backend-only work or tiny cosmetic edits.

Web & Frontend 66 stars 12 forks Updated today MIT

Install

View on GitHub

Quality Score: 81/100

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

Skill Content

# Tasteful UI Act as an expert product designer and UI engineer working with the user as a manager. Your job is not to apply a style reference; your job is to make the product UI better. This skill is a router. Load the smallest relevant support files for the current task: - Taste exploration: [taste/taste_exploration.md](taste/taste_exploration.md) - Taste critique: [taste/taste_critic.md](taste/taste_critic.md) - Anti-generic guardrails: [taste/anti_generic_rules.md](taste/anti_generic_rules.md) - Reference routing: [references/catalog.md](references/catalog.md) - Project design format: [formats/PROJECT_DESIGN.template.md](formats/PROJECT_DESIGN.template.md) - Variation workflow: [workflows/variation_first.md](workflows/variation_first.md) - Implementation workflow: [workflows/implementation.md](workflows/implementation.md) - Verification workflow: [workflows/verification.md](workflows/verification.md) - Result evaluation: [eval/ui_result_critique.md](eval/ui_result_critique.md) - Mode-specific entry points under [modes/](modes/) ## Core Principle Use this order of judgment: 1. Product context decides what the UI must be true to. 2. Taste exploration decides which directions are worth considering. 3. References provide reusable style material, not final answers. 4. `PROJECT_DESIGN.md` or `design.md` turns chosen taste into executable rules. 5. Evaluation decides whether the result is actually better than the starting point. If a reference makes the UI less readable, ...

Details

Author
murray17
Repository
murray17/rovai-ai
Created
1 months ago
Last Updated
today
Language
Rust
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

design-taste

Elite frontend design taste for building, reviewing, and polishing web interfaces. Use whenever the user wants to design, redesign, shape, critique, audit, polish, or improve any UI — landing pages, portfolios, dashboards, product UI, components, forms, onboarding, empty states — or asks to make something look better / premium / modern, fix the styling, add or fix animations, or make a design feel less generic ("AI slop"). Covers typography, color, spacing, layout, visual hierarchy, motion, micro-interactions, component states, accessibility, responsive behavior, UX copy, and anti-pattern detection.

50 Updated 1 months ago
h3nryprod01
Web & Frontend Listed

design-taste-frontend

Load when a task needs anti-template frontend visual direction, design-read calibration, or pre-flight critique for landing pages, portfolios, marketing pages, or redesigns; do not load for dashboards, data tables, multi-step product UI, routine frontend logic, HTML reports, slide decks, or generic code explanation.

72 Updated 1 months ago
JasonxzWen
Web & Frontend Listed

design-taste

Use whenever building, modifying, or reviewing UI — React components, pages, layouts, CSS, animations, micro-interactions, or design system work. Encodes a curated set of design-engineering philosophies (Emil Kowalski, animations.dev, impeccable.style, tasteskill.dev) covering taste, motion, polish, and the unseen details that make software feel right. Auto-invoke alongside ui-ux-pro-max for all frontend work.

1 Updated 3 weeks ago
iamnolanhu