FreePublished on GitHub

motion-react-patterns

Implement Motion APIs, presence and lifecycle.

The English summary is being prepared. Showing the original description.

TheGoat395/Codex-Skills

See how to install

Files included (3)

SKILL.md971 B
agents/openai.yaml286 B
references/motion-react-patterns-guide.md3.3 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Motion React Patterns

For substantial web work, reuse the scoped web contract when available; it replaces duplicated policy here. Match the requested scope and existing decisions; a missing optional sibling does not block this local procedure.

Use This Skill

Use this skill to use motion for react microinteractions and component animation.

Required Reference

Read references/motion-react-patterns-guide.md before making architectural or visible UI changes with this skill.

Ownership

Own Motion APIs, animation state and lifecycle. Route shared layout to motion-react-layout-transitions, navigation to motion-react-page-transitions, and new feedback/timing direction to motion-react-microinteractions only when those decisions are needed.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

More skills from this repository

accessibility-audit-websites

Free

Audit semantic and keyboard accessibility.

The English summary is being prepared. Showing the original description.

TheGoat395/Codex-Skills129Updated Sep 11, 2026

accessibility-performance-polish

Free

Finish accessibility and performance details.

The English summary is being prepared. Showing the original description.

TheGoat395/Codex-Skills129Updated Sep 11, 2026

agent-evaluation-operations

Free

Evaluate agent and skill behavior or routing.

The English summary is being prepared. Showing the original description.

TheGoat395/Codex-Skills129Updated Sep 11, 2026

agent-memory-provenance

Free

Design memory provenance and tenant isolation.

The English summary is being prepared. Showing the original description.

TheGoat395/Codex-Skills129Updated Sep 11, 2026

agent-orchestration-architecture

Free

Resolve agent ownership and handoff design.

The English summary is being prepared. Showing the original description.

TheGoat395/Codex-Skills129Updated Sep 11, 2026

animation-easing-language

Free

Define coherent motion timing and rhythm.

The English summary is being prepared. Showing the original description.

TheGoat395/Codex-Skills129Updated Sep 11, 2026

See all skills by TheGoat395

Report a problem with this skill

Install

Install with a command

npx skills add https://github.com/TheGoat395/Codex-Skills --skill motion-react-patterns

Paste it into your terminal and run it (requires Node.js). You can choose which agents to install it for, such as Claude Code or Codex.

Ask your agent

Please install the following Agent Skill.
https://github.com/TheGoat395/Codex-Skills/tree/main/skills/motion-react-patterns

First review SKILL.md and the bundled files and confirm there is nothing suspicious (such as sending data externally or reading credentials). Then place it in ~/.claude/skills/motion-react-patterns/ for Claude Code, or ~/.agents/skills/motion-react-patterns/ for Codex.

Send this text to Claude Code or Codex as is. It checks the contents before installing.

View source on GitHub

Repository: TheGoat395/Codex-Skills
Stars: 129
Forks: 48
Category: Development
License: MIT
Original language: English
Last updated: Sep 11, 2026

A skill is a set of instructions and scripts for an agent. cccskills does not guarantee that skills are safe. Review the contents before you install.