Build responsive layouts that work seamlessly across mobile, tablet, and desktop screen sizes using mobile-first development, fluid layouts, and relative units. Use this skill when implementing layouts or UI components that need to adapt to different screen sizes. When setting up breakpoints, media queries, or responsive utilities. When using relative units (rem, em, %) instead of fixed pixels.
Install
npx skills add coreyja/coreyja.com --skill 'Frontend Responsive'npx skills add coreyja/coreyja.com --skill 'Frontend Responsive' -a claude-code -gnpx skills add coreyja/coreyja.com --skill 'Frontend Responsive' -a codex -ggemini skills install https://github.com/coreyja/coreyja.com.git --path .claude/skills/frontend-responsivegh skill install coreyja/coreyja.com 'Frontend Responsive'git clone --depth 1 https://github.com/coreyja/coreyja.com /tmp/coreyja__coreyja.com
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/coreyja__coreyja.com/.claude/skills/frontend-responsive ~/.claude/skills/'Frontend Responsive' # Claude Code
cp -R /tmp/coreyja__coreyja.com/.claude/skills/frontend-responsive ~/.agents/skills/'Frontend Responsive' # Codex, Cursor, Gemini CLI, Copilot, OpenCode