skills.rest
hugocrne
hugocrneCOMMUNITY
Explore all skills by this author →
GitHub

Frontend Responsive

Implement responsive design principles with media queries and flexible grids.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/hugocrne/portfolio-freelance-ia --skill frontend-responsive-hugocrne
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Frontend Responsive
Source: https://github.com/hugocrne/portfolio-freelance-ia/tree/main/.claude/skills/frontend-responsive
Command: npx skills add https://github.com/hugocrne/portfolio-freelance-ia --skill frontend-responsive-hugocrne

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of creating non-responsive user interfaces that fail to adapt gracefully to different screen sizes, leading to a poor user experience on various devices.

Core Features & Use Cases

  • Adaptive Layout Guidance: Directs Claude to implement responsive design principles, ensuring UIs look great and function perfectly on desktops, tablets, and mobile phones.
  • Cross-Device Consistency: Guarantees a consistent and optimal user experience across all screen sizes and orientations, reducing manual testing.
  • Use Case: When Claude develops new frontend layouts or components, it automatically applies media queries, flexible grids, and fluid images according to your responsive design standards, saving significant manual adjustment time.

Quick Start

Activate this skill for frontend development to ensure all UI elements are built with responsive design principles, providing an optimal experience on any device.