Motion React Layout Transitions
TheGoat395/Codex-SkillsAnimate state-driven layout/layoutId changes.
At a glance
This skill is for Coding and helps you animate layout transitions, create state-driven animations, and build responsive motion effects.
git clone --depth 1 https://github.com/TheGoat395/Codex-Skills
cp -r Codex-Skills/skills/motion-react-layout-transitions ~/.claude/skills/motion-react-layout-transitions
Setup, runtime and requirements describe TheGoat395/Codex-Skills, the repo this skill ships in.
motionreactLayoutidState Drivenanimationstransitions
Also in TheGoat395/Codex-Skills
View the repoAudit semantic and keyboard accessibility.
Finish accessibility and performance details.
Evaluate agent and skill behavior or routing.
Design memory provenance and tenant isolation.
Resolve agent ownership and handoff design.
Define coherent motion timing and rhythm.
Diagnose a concrete rendered hitch or stutter.
Resolve motion tools or native View Transitions.
Repair interchangeable website design patterns.
Translate brand voice into interface microcopy.
Coordinate rendered behavior and state evidence.
Preserve rollback before materially risky edits.
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,...
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.