React Component Composition

Name: react-component-composition
Author: TheGoat395

TheGoat395/Codex-Skills

Define component boundaries, props and slots.

★ 121 Synced 47 minutes ago View SKILL.md

At a glance

Legal Manual install Python Actively maintained

This skill is for Legal and helps you design react component structure, define component props, and create reusable react components.

Install

git clone --depth 1 https://github.com/TheGoat395/Codex-Skills
cp -r Codex-Skills/skills/react-component-composition ~/.claude/skills/react-component-composition

Can use Not declared by the author

Good for Implement server components Build react web component hierarchies Design react component structure Define component props Create reusable react components Establish component boundaries

Setup, runtime and requirements describe TheGoat395/Codex-Skills, the repo this skill ships in.

react javascript Component Design Composition Patterns Frontend Architecture Props Management

Also in TheGoat395/Codex-Skills

View the repo

Accessibility Audit Websites Code Review & Testing

Audit semantic and keyboard accessibility.

Accessibility Performance Polish

Finish accessibility and performance details.

Agent Evaluation Operations

Evaluate agent and skill behavior or routing.

Agent Memory Provenance Coding

Design memory provenance and tenant isolation.

Agent Orchestration Architecture DevOps & Infrastructure

Resolve agent ownership and handoff design.

Animation Easing Language

Define coherent motion timing and rhythm.

Animation Jank Qa Code Review & Testing

Diagnose a concrete rendered hitch or stutter.

Animation Tool Router

Resolve motion tools or native View Transitions.

Anti Generic Website Review Design

Repair interchangeable website design patterns.

Brand Voice To UI Copy

Translate brand voice into interface microcopy.

Browser Inspection Workflow

Coordinate rendered behavior and state evidence.

Code Change Safety Checkpoint Code Review & Testing

Preserve rollback before materially risky edits.

Other Legal skills

Brand Guidelines anthropics/skills

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use...

Code Review mattpocock/skills

Review the changes since a fixed point (commit, branch, tag, or merge-base) along two axes — Standards (does the code follow this repo's doc...

Pricing Page nexu-io/open-design

A standalone pricing page — header, plan tiers, feature comparison table, and an FAQ. Use when the brief asks for "pricing", "plans", "subsc...

Meeting Notes nexu-io/open-design

Meeting notes page — title bar with attendees, agenda checklist, decisions block, action items table with owners + dates, and a "next meetin...

Magazine Poster nexu-io/open-design

An editorial-style poster — newsprint paper, dateline, oversized serif headline with a struck-through word and italic accent, a 2-column bod...

Apple Hig nexu-io/open-design

Apple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inputs, and technologies for iOS,...