Ejecuta cualquier Skill en Manus
con un clic

Ejecuta cualquier Skill en Manus con un clic

Comenzar

responsive-layout-master

Estrellas0

Forks0

Actualizado18 de abril de 2026, 17:05

Create layouts that look perfect on every device and screen size.

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

adryanmoldokkr32-pixel

adryanmoldokkr32-pixel/bionicbot-frontend-skills

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Desarrolladores webOcupaciones informáticas y matemáticas·SOC 15-1254

SKILL.md

readonly

name	responsive-layout-master
description	Create layouts that look perfect on every device and screen size.

Responsive Layout Master

This skill ensuring that a website's layout fluidly adapts to mobile, tablet, and desktop screens using modern CSS techniques.

Instructions

Use a mobile-first design approach.
Define standard breakpoints (e.g., 640px, 768px, 1024px).
Implement flexible units (rem, em, %, vh/vw) over fixed pixels.
Use CSS Grid and Flexbox for complex alignment.
Ensure images and typography scale correctly without breaking the layout.

Examples

"Make this 3-column desktop layout stack into a single column for mobile."
"Debug a responsive issue where the sidebar overlaps the content on tablets."

Más de este repositorio

mismo repositorio

micro-frontend-orchestrator

adryanmoldokkr32-pixel/bionicbot-frontend-skills

Design and manage independent, deployable frontend modules.

2026-04-190

webgl-shader-integration

adryanmoldokkr32-pixel/bionicbot-frontend-skills

Implement advanced 3D visual effects directly in the browser.

2026-04-190

api-data-fetcher

adryanmoldokkr32-pixel/bionicbot-frontend-skills

Efficiently fetch, cache, and display dynamic data from APIs.

2026-04-180

browser-compatibility-tester

adryanmoldokkr32-pixel/bionicbot-frontend-skills

Ensure websites function perfectly across all browsers and versions.

2026-04-180

critical-css-inliner

adryanmoldokkr32-pixel/bionicbot-frontend-skills

Optimize initial load speed by inlining critical styles.

2026-04-180

dark-mode-strategist

adryanmoldokkr32-pixel/bionicbot-frontend-skills

Implement and optimize high-quality dark mode experiences.

2026-04-180

name	responsive-layout-master
description	Create layouts that look perfect on every device and screen size.

Responsive Layout Master

This skill ensuring that a website's layout fluidly adapts to mobile, tablet, and desktop screens using modern CSS techniques.

Instructions

Use a mobile-first design approach.
Define standard breakpoints (e.g., 640px, 768px, 1024px).
Implement flexible units (rem, em, %, vh/vw) over fixed pixels.
Use CSS Grid and Flexbox for complex alignment.
Ensure images and typography scale correctly without breaking the layout.

Examples

"Make this 3-column desktop layout stack into a single column for mobile."
"Debug a responsive issue where the sidebar overlaps the content on tablets."