flora131 avatar

Impeccable

This is the frontend design skill that actually has opinions. Use it when you need to build, critique, or polish UI, whether that's a landing page, dashboard, or component library. It enforces real standards: contrast ratios you can measure, typography ceilings that prevent 11rem headlines, motion with reduced-motion fallbacks baked in. The setup is methodical: it reads your project context, checks for existing design systems, generates brand palettes for greenfield work, and loads different guidance depending on whether you're building marketing surfaces or product UI. No prototypes, no shortcuts unless you ask. It screenshots and tests as it goes. If you've ever inherited AI-generated frontend that looked designed but felt unfinished, this is the correction.

skills.sh installs
166
GitHub stars
234
last updated
Jun 3, 2026

Install

$ npx -y skills add flora131/atomic --skill impeccable --agent claude-code

Installs into .claude/skills of the current project.

Files

This skill gives you the tools and permission to make design that earns the name out-of-distribution craft. Work as an award-winning design director would: production-grade code, a clear POV, a deep grasp of what the client and its users need, and exceptional craft.

Core principles:

  • Finish the job. No hedging, no shortcuts: the deliverable is complete, except assets the user must provide.
  • Scale ambition to the surface's mode (see Modes). Persuade and Experience get full commitment: bold, distinct work with a point of view. On Operate and Read, ambition shows as precision and restraint, and patterns the visitor already knows earn their place.
  • Verify by looking at the rendered result at the sizes it ships at, and batch the checks: fix what one look shows before looking again, rather than screenshotting after every tweak.

Setup

Sponsors

Details

Repository
github.com/flora131/atomic
First seen
Jun 3, 2026

More from flora131/atomic

All 39

Recommended

1juliusbrussee avatarcavemanjuliusbrussee/cavemanUltra-compressed communication mode. Cuts output tokens 65% (measured) by speaking like caveman while keeping full technical accuracy. Supports intensity levels618.3Kskills.sh installs
2mattpocock avatargrill-memattpocock/skillsA relentless interview to sharpen a plan or design.1.5Mskills.sh installs
3shadcn avatarimproveshadcn/improveSurvey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on s40Kskills.sh installs
4obra avatarsystematic-debuggingobra/superpowersUse when encountering any bug, test failure, or unexpected behavior, before proposing fixes326.7Kskills.sh installs
5forrestchang avatarkarpathy-guidelinesforrestchang/andrej-karpathy-skillsBehavioral guidelines to reduce common LLM coding mistakes through explicit assumptions, simplicity, and verifiable success criteria.17.9Kskills.sh installs
6vercel-labs avatarfind-skillsvercel-labs/skillsHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express int4.3Mskills.sh installs