SkillHub ClubShip Full StackFull StackFrontend

frontend-responsive

Imported from https://github.com/coreyja/coreyja.com.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars

Hot score

Updated

March 20, 2026

Overall rating

C3.7

Composite score

3.7

Best-practice grade

C57.6

Install command

npx @skill-hub/cli install coreyja-coreyja-com-frontend-responsive

Repository

coreyja/coreyja.com

Skill path: .claude/skills/frontend-responsive

Imported from https://github.com/coreyja/coreyja.com.

Open repository

Best for

Primary workflow: Ship Full Stack.

Technical facets: Full Stack, Frontend.

Target audience: everyone.

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: coreyja.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

Install frontend-responsive into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
Review https://github.com/coreyja/coreyja.com before adding frontend-responsive to shared team environments
Use frontend-responsive for development workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

Original source / Raw SKILL.md

---
name: Frontend Responsive
description: 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. When ensuring touch-friendly tap targets and optimizing for mobile performance. When testing UI changes across multiple device sizes. When implementing responsive typography, images, or navigation patterns.
---

# Frontend Responsive

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend responsive.

## When to use this skill

- When implementing layouts or UI components that adapt to different screen sizes
- When setting up breakpoints for mobile, tablet, and desktop views
- When writing media queries or using responsive utility classes
- When using relative units (rem, em, %) instead of fixed pixel values
- When ensuring tap targets are appropriately sized (minimum 44x44px) for mobile
- When optimizing images and assets for mobile network conditions
- When implementing responsive typography that remains readable on all screens
- When testing UI changes across mobile, tablet, and desktop screen sizes
- When building mobile-first layouts that progressively enhance for larger screens
- When implementing responsive navigation patterns (hamburger menus, collapsible sections)

## Instructions

For details, refer to the information provided in this file:
[frontend responsive](../../../agent-os/standards/frontend/responsive.md)