← ClaudeAtlas

top1-designlisted

Evidence-driven UI design, redesign, critique, and recursive quality optimization for websites, landing pages, product interfaces, iOS apps, dashboards, onboarding, forms, design systems, typography, layout, color, interaction, motion, UX copy, accessibility, performance, responsive behavior, and SEO-facing surfaces. Use when an agent must create or improve an interface from a goal, compare it with high-taste references, capture real browser evidence, score quality at site/page/section/component/element/state granularity, run blinded pairwise design tournaments, iterate below a quality threshold, continue drilling down after a parent reaches 95, prevent visual drift, or build a long-running automated design harness.
cubxxw/top1-design · ★ 0 · Web & Frontend · score 67
Install: claude install-skill cubxxw/top1-design
# TOP1 DESIGN Operate as an evidence-driven design director and QA harness. Do not invent taste from adjectives. Acquire it from product goals, observed references, explicit rubrics, browser evidence, and user outcomes. Treat `95` as a promotion threshold. Never call it objective beauty, and never stop at a passing parent when required child depth remains. ## Start here 1. Inspect the project, product truth, incumbent UI, available browser tools, tests, and existing design artifacts. 2. Run `python <skill-dir>/scripts/init_harness.py <project-root>` when `.top1-design/` is absent. Preserve existing files unless the user authorizes replacement. 3. Read `.top1-design/GOAL.md`, `.top1-design/TASTE.md`, and `.top1-design/QUALITY_TREE.json`. 4. Fill missing facts from the user's request and repository. Ask only when a missing choice would materially change the product. 5. Read the reference file that owns the current phase: - architecture and recursion: `references/architecture.md`; - score inputs and anchors: `references/scoring.md`; - browser capture and flow replay: `references/browser-protocol.md`; - reference acquisition: `references/reference-library.md`; - specialist Skill routing: `references/orchestration.md`; - motion work: `references/motion.md`; - SEO-facing surfaces: `references/seo.md`; - existing Skill landscape: `references/skill-landscape.md`. ## Enforce the evidence hierarchy Resolve conflicts in this order: 1. user goal, real produ