React Responsive Components

SkillWeb & browsing

Build responsive React components and sections for premium websites. Use when components need mobile, tablet, desktop, container-query, CSS-grid, flex, aspect-ratio, text-fit, overflow, media-crop, navigation, dashboard density, or responsive interaction behavior.

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the React Responsive Components skill

What this skill tells your AI

The instructions your AI receives, as published by thegoat395/codex-skills in skills/react-responsive-components/SKILL.md and read by ahel’s review.

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 build responsive react components that do not collapse on mobile.

Required Reference

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

Ownership

Own responsive interaction/state or measured geometry when React is needed. Solve layout with CSS first; use tailwind-responsive-layouts for Tailwind layout implementation. Do not add measurement state or duplicate DOM trees for a CSS-only problem.

Signals

GitHub stars
124
Forks
48
Last commit
Sep 2026
Advanced
Catalog kind
skill
Gateway key
react-responsive-components
Source
github.com/thegoat395/codex-skills