User Interface Wiki

What it does

A compiled handbook of UI/UX rules and actionable patterns for front-end engineers and designers. The skill codifies 150+ rules across animation, timing, exit animations, CSS pseudo-elements, audio feedback, typography, predictive prefetching, and visual design so an agent can surface concrete recommendations, code examples, and file:line findings when reviewing interfaces.

When to use it

Use this skill during code reviews, UI audits, animation design decisions, accessibility checks, and when generating or validating front-end code (CSS, JS animation, SVG icons). Triggers include: animation choices, accessibility sound/visual parity, view transitions, container resizing, and typography decisions.

What's included

• Scripts: none declared in fetch (has_scripts=false)
• References: rules/ directory with per-rule documents (has_references=false in fetch but sibling files include rules/)
• Instructions: detailed rule descriptions and quick-reference checklists for timing, springs vs easing, exit animation patterns, audio best-practices, and typography recommendations. The SKILL.md contains examples and pointers to rule files for implementation guidance.

Compatible agents

Well-suited for code-review and guidance agents (Codex/Copilot-style code assistants, Claude Code, Cursor) that can read repository files and produce code suggestions, audits, and change recommendations.