from ai-toolkit150
Guidelines and patterns for UI animation, micro-interactions, and component polish to build performant, accessible, and delightful interfaces.
This skill codifies practical rules, patterns, and accessibility guardrails for UI motion and component polish. It gives an agent concrete guidance on when to add animation, which properties to animate (transform & opacity), easing and duration conventions, and performance/accessibility considerations (prefers-reduced-motion, GPU-friendly properties). Use it to evaluate or author UI motion, write component guidelines, or audit front-end code for animation anti-patterns.
Trigger when reviewing UI components, proposing animation details, writing CSS/Framer Motion code, or auditing performance and accessibility of motion. Useful for tasks like: recommending easing curves and durations, fixing janky animations, converting Framer shorthand to GPU-accelerated transforms, and enforcing reduced-motion.
Best suited for frontend and engineering-focused agents (Cursor, Copilot, Claude Code) that author or review UI code. It's also useful to design/UX agents when deciding whether motion adds clarity or distraction.
This skill has not been reviewed by our automated audit pipeline yet.
Ubiquitous Language Glossary
Extract a DDD-style ubiquitous language glossary from conversation: identify domain terms, flag ambiguities, propose canonical terms, and write the result to UB
Memory Search
Search past coding sessions and observations using natural-language queries to retrieve decisions, notes, and context.
Prompt Caching Patterns
Guidelines and patterns for implementing prompt caching with Anthropic APIs to reduce input-token costs and latency, including TTLs, breakpoints, and hit-rate m
Documentation Generator
Generate and update README, API docs, architecture notes, changelogs and knowledge-base entries from a codebase, with templates and review guidance.
