← ClaudeAtlas

ui-design-memorylisted

Apply, review, and continuously evolve the OneWorks team's durable UI design standards. Use for any OneWorks task that changes or reviews layout, styling, theme, spacing, responsive behavior, component appearance, visual assets, or reference-image fidelity, and whenever user visual feedback may express a reusable team standard. Require a Visual Brief, conflict-aware project memory capture, a completed independent visual consistency session with real expected-behavior validation, and experience persistence before delivery; do not promote one-off pixel nudges into lasting rules.
oneworks-ai/app · ★ 18 · Web & Frontend · score 72
Install: claude install-skill oneworks-ai/app
# OneWorks UI Design Memory Use repository files as the team's revisioned, version-controlled design memory. Do not rely on a person, model, or current conversation to preserve standards. ## Start every visual task 1. Read [team-design-standards.md](references/team-design-standards.md). 2. Read `.oo/rules/frontend-standard/design-memory.md`, its registry, applicable project design rules, design tokens, shared component guidance, and the nearest `AGENTS.md`. 3. Search existing rules before proposing a new standard. Prefer `rg` over broad source scans. 4. Produce a concise Visual Brief before non-mechanical visual edits: - target surface and viewports; - reference images or existing product surfaces; - layout hierarchy and key geometry; - components and tokens to reuse; - interaction and responsive invariants; - prohibited patterns; - expected user behaviors; - required screenshots and observable checks. - host chrome ownership: which existing header, sidebar, breadcrumb, and action slot already names or navigates the current object. 5. Keep task-specific coordinates and temporary adjustments in the Visual Brief, not durable memory. Before adding a visible title, breadcrumb, navigation button, refresh command, or outer padding, inspect the complete host surface. Do not duplicate a title already owned by the route header, place collection navigation in object-level header actions, add manual refresh when the data layer already revalidates, or let b