← 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 · ★ 11 · Web & Frontend · score 74
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. 5. Keep task-specific coordinates and temporary adjustments in the Visual Brief, not durable memory. ## Classify user feedback Treat feedback as a durable-standard candidate when it uses normative language such as `all`, `always`, `default`, `must`, `ensure`, `standard`, `consistent`, `统一`, `所有`, `以后`, `默认`, `始终`, `必须`, `保证`, `规范`, or `不要再`. Treat feedback as task-local when it only adjusts the current composition, for example `move this 2px left`, `crop this image slightly`, or `use x=278 for this reference viewport`. If the same local correction