React Responsive Components

Name: react-responsive-components
Author: TheGoat395

TheGoat395/Codex-Skills

Implement size-dependent behavior/geometry.

★ 121 Synced 2 hours ago View SKILL.md

At a glance

Coding Manual install Python Actively maintained

This skill is for Coding and helps you build responsive react components, implement adaptive layouts, and create size-aware ui elements.

Install

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

Can use Not declared by the author

Good for Build react components Implement adaptive layouts Create size-aware ui elements Handle breakpoint logic Scale components across devices

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

react Responsive Design Css Media Queries Mobile First breakpoints Ui Components

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 Coding skills

Karpathy Guidelines multica-ai/andrej-karpathy-skills

Behavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or refactoring code to avoid overcomplication, make...

Webapp Testing anthropics/skills

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI be...

MCP Builder anthropics/skills

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-design...

Claude API anthropics/skills

Reference for the Claude API / Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, agents, caching, token counting, model...

Web Artifacts Builder anthropics/skills

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS,...

Improve Codebase Architecture mattpocock/skills

Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.