#UI Design (6)

Design & Frontendnextlevelbuilder/ui-ux-pro-max-skillFeatured

Design knowledge as searchable local data: 79 styles, 192 palettes, 119 UX rules

Editor's takeIts sharpest self-description is that models can write CSS but lack a taste database. Ten rule categories are ordered by severity, with Accessibility and Touch & Interaction first as CRITICAL and Charts last — that ordering is the stance. The Design System Generator runs five parallel searches, and the repo states plainly: do not persist unverified output, so a generated design system has to be checked before it lands in your repo.

v2.13.0, MIT, 129k stars, site uupm.cc. Instead of lecturing the model it ships structured catalogues the agent queries before writing code: 79 UI styles, 192 palettes with reasoning, 74 type pairings, 119 UX rules, 105 icon suggestions, 17 GSAP presets, 25 chart types, 22 stacks and 34 landing-page patterns.

Any agent

npx ui-ux-pro-max-cli init --ai claude

Pythonnextlevelbuilder129.3k

Design & FrontendLeonxlnx/taste-skillFeatured

Taste Skill: 13 anti-slop frontend skills that turn AI tells into countable rules

Editor's takeThe lesson worth stealing is rules expressed as countable mechanical tests: eyebrow count ≤ ceil(sections/3), bento cells equal to content items, zero em-dashes on the page, palette families rotated across projects. Each one aims straight at the model repeating itself instead of stopping at an adjective. The repo is equally honest about its edges: v2 self-declares experimental and is still moving, §13 explicitly excludes dashboards, data tables, multi-step wizards, code editors and native mobile, and the only test in the repo guards the source-invocation semantics of the skill.sh shell helper rather than the design rules.

One MIT repo holding 13 skills: ten that output code and three that output reference images only, all installed into Claude Code / Codex / Cursor with a single npx skills add. The default design-taste-frontend v2 (experimental) is a 1,228-line SKILL.md: first the model must emit a one-line "design read", then it sets three dials (DESIGN_VARIANCE / MOTION_INTENSITY / VISUAL_DENSITY), then it implements against 14 chapters of hard rules - install the official package for corporate briefs, label aesthetic borrowings in comments, zero em-dashes anywhere on the page, eyebrow quota computed from section count, bento cells equal to content items, and finally a 50-plus box pre-flight check. The repo also ships research/laziness, a literature directory using controlled studies to explain why models cut output short.

Claude CodeCodexCursor

npx skills add https://github.com/Leonxlnx/taste-skill

JavaScriptLeonxlnx94.8k

Nutlope/hallmarkMIT

Hallmark: Design Guardrails for Coding Agents

Hallmark gives coding agents a design workflow with real material, browser checks, and wiring-preserving redesigns.

Design SystemAI Coding

CSS35k1.8k70

JimLiu/baoyu-designMIT

baoyu-design: Run Claude Design Inside Local Coding Agents

An independent Agent Skills bundle that brings Claude Design-style HTML workflows, local editors, design systems, decks, canvases, and traceable dashboards to coding agents.

Agent SkillsClaude Design

JavaScript5.1k37010

oil-oil/oil-uiMIT

Oil UI: an interface design skill that pushes AI UI design to its limits

Oil UI is an open-source interface design skill for AI coding agents (MIT, v0.22.0). It pulls genuinely different design directions apart into checkable direction cards, lets a human pick one, refines it against real screenshots, then hands the result to an independent reviewer who never saw it being made. Ships a style comparison-page generator and shoot.mjs, a screenshot-evidence tool; install with npx skills add oil-oil/oil-ui.

UI DesignAgent Skills

Python1.2k675

0:43

Ming Image-0.1 Design, Reviewed: Built for Real Design Pipelines

@realfxw · 885 views · 2026-09-23

Image GenerationText Rendering

As an Amazon Associate, we earn from qualifying purchases.