UI Animation
mblode/agent-skillsDesigns, implements, reviews, debugs, and reverse-engineers UI motion, and finds where an interface is missing it: CSS transitions, keyframes, springs, gestures, drag, easing, timing, framer-motion, and animation curves from screen recordings. Use when asked to "add animations", "make this feel smooth", "review my animations", "add a swipe gesture", "match this easing", "reverse engineer this animation", "extract the animation curve", "where should this animate", "find animation opportunities", or "what's it called when..." to name a motion effect from a vague description. Owns the passage bet...
At a glance
This skill is for Coding.
git clone --depth 1 https://github.com/mblode/agent-skills
cp -r agent-skills/skills/ui-animation ~/.claude/skills/ui-animation
Setup, runtime and requirements describe mblode/agent-skills, the repo this skill ships in.
Also in mblode/agent-skills
View the repoGuides creation and improvement of best-practice agent skills following the open format specification. Covers frontmatter, progressive discl...
Sets up a repo so Claude Code, Codex, and Cursor all work in it, then audits, scores, and refactors the AGENTS.md and CLAUDE.md files agents...
Runs the npm release flow for an existing changesets package: create a changeset, fix lint/type/test/format failures, push, watch CI, merge...
Audits agentic applications for architecture and trust: tool parity, tool granularity, context injection, completion signals, approval gates...
Designs, deepens, and hardens TypeScript codebase architecture in three modes: folder structures, module contracts, and middleware pipelines...
Writes and edits short product and marketing copy, including landing pages, CTAs, onboarding strings, product descriptions, email subjects,...
Writes and audits technical documentation using the Diataxis framework and Stripe-style clarity. 48 rules across 9 categories covering voice...
Audits the smallest relevant developer-facing surface of a library, CLI, SDK, or npm package across API contracts, errors, CLI behavior, pub...
Provides architecture guidance for multi-tenant SaaS platforms on Cloudflare or Vercel. Covers platform choice, domain strategy, tenant iden...
Optimises SEO and technical foundations for Next.js App Router apps, covering sitemaps, robots, meta tags, structured data, canonical URLs,...
Builds and stress-tests implementation plans in two modes. Create mode scans code and docs, asks one question at a time with a recommended a...
Monitors an open PR, detects it from the current branch, polls for conflicts, CI failures, review comments, and merge readiness, fixes safe...
Other Coding skills
Behavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or refactoring code to avoid overcomplication, make...
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI be...
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-design...
Reference for the Claude API / Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, agents, caching, token counting, model...
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS,...
Create a detailed refactor plan with tiny commits via user interview, then file it as a GitHub issue. Use when user wants to plan a refactor...