skills.rest
rogerznts
rogerzntsCOMMUNITY
Explore all skills by this author →
GitHub

anvil-ui

Routes UI design requests to one of two mutually exclusive design methods before any code is written.

1|Updated Aug 27, 2026
Search Tags:#landing page#frontend#routing#design system#design tokens#ui design#redesign
One-click install
npx skills add https://github.com/rogerznts/anvil --skill anvil-ui-rogerznts
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: anvil-ui
Source: https://github.com/rogerznts/anvil/tree/main/anvil/.claude/skills/anvil-ui
Command: npx skills add https://github.com/rogerznts/anvil --skill anvil-ui-rogerznts

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? When building or redesigning interfaces, two rival design methods (hallmark and taste) attack the same problem in incompatible ways, and running both produces contradictory instructions. This Skill decides which single method to use before any code is written, eliminating conflicting guidance. ## Core Features & Use Cases - Method dispatch table: Routes redesigns of existing code to anvil-ui-redesign, projects with an installed design system (shadcn, Material, Fluent, Carbon, Radix) to anvil-ui-taste, and new products or isolated components to anvil-ui-hallmark. - Tie-breaking questions: Three ordered fallback questions guarantee a total decision when no row matches or multiple rows match, so the answer is never "both". - Style presets: Applies aesthetic presets (brutalist, minimalist, soft, stitch) on top of the chosen method when the user names a style or provides a matching visual reference. - Use Case: You ask for a new landing page in a project that already uses shadcn. The router declares the choice in one line and dispatches to anvil-ui-taste, which routes to the official design system instead of inventing CSS. ## Quick Start Ask the assistant to build or redesign a UI screen and let it declare which design method it selected and why before generating any code.

Frequently Asked Questions about anvil-ui

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

FAQPage Schema
How do I choose between hallmark and taste design methods?▼

Use the dispatch table: redesigns of existing code go to redesign, projects with an installed design system like shadcn or Material go to taste, and new products or isolated components go to hallmark. If nothing matches, three ordered fallback questions guarantee a single answer.

Can I run hallmark and taste design methods together?▼

No, the two methods are mutually exclusive and produce contradictory instructions when combined. Hallmark invents its own OKLCH tokens while taste forbids writing CSS that already ships in a package, so you must pick one and follow it to the end.

Which design method works with shadcn or Material design systems?▼

The taste method routes to official design systems such as shadcn, Material, Fluent, Carbon, and Radix instead of inventing new tokens. Hallmark would conflict with an installed system because it generates its own tokens.css file.

When should I use the hallmark design method?▼

Use hallmark for new products, isolated components requiring all eight states, or work starting from a visual reference via its study verb. It is also the fallback for dashboards, data tables, multi-step forms, and code editors, which taste declares out of scope.

How do style presets like brutalist or minimalist work?▼

Presets specify font, palette, and layout aesthetics and are applied on top of the chosen method, never instead of it. Invoke a preset after the method is selected when the user names an aesthetic or their reference clearly matches one.

Related Skills

Explore More Design & Creative Skills→
DanialHaseebDanialHaseeb

bolder

Analyze bland designs and produce a focused amplification plan.

Community
Intermediate
elderbernardielderbernardi
1

excrtx-quality-taste

Routes visual output generation to specialized sub-skills and validates rendered UI against anti-slop quality gates.

Community
Advanced
abdul7867abdul7867

anti-slop

Enforces design rules that prevent generic AI-generated frontend UI patterns.

Community
Intermediate
denish12denish12

design_systems

Coordinates React UI library integration across shadcn/ui, Mantine, and Wix Design System with themes and wrappers.

Community
Advanced