Responsive Design

Responsive Design taxonomy generated by the site skill importer.

31 skills
A
frontend-design

por affaan-m

Usa frontend-design para crear interfaces frontend distintivas y listas para producción, con una postura visual clara. Este skill de frontend-design está pensado para landing pages, paneles, shells de aplicación y componentes donde la jerarquía, la tipografía, el movimiento y el acabado importan tanto como la implementación. Incluye orientación de instalación y uso para un trabajo de UI guiado por el diseño.

UI Design
Favoritos 0GitHub 156.1k
A
frontend-design

por anthropics

frontend-design convierte ideas vagas de UI en interfaces distintivas y listas para producción, con código frontend real, una dirección estética clara y menos estilo genérico de IA.

UI Design
Favoritos 1GitHub 105.2k
G
browse

por garrytan

browse es una skill rápida de navegador sin interfaz para QA, dogfooding y automatización del navegador. Úsala para abrir páginas, interactuar con elementos, verificar estados, comparar antes y después de acciones, capturar capturas de pantalla y comprobar diseños responsivos, formularios, subidas, diálogos y estados de elementos. Instala browse cuando necesites evidencia del navegador en lugar de un prompt genérico.

Browser Automation
Favoritos 0GitHub 91.8k
G
gstack

por garrytan

gstack es una skill de IA guiada por navegador para pruebas QA, uso interno, validación de releases y captura de bugs. Abre páginas reales, hace clic en la interfaz, verifica el estado, compara antes y después, prueba diseños responsivos y guarda evidencia respaldada por capturas de pantalla. Es especialmente útil para revisión de diseño de UI y validación de despliegues cuando necesitas resultados fiables del navegador con la skill gstack.

UI Design
Favoritos 0GitHub 71.2k
N
ui-ux-pro-max

por nextlevelbuilder

ui-ux-pro-max es una skill integral para diseño UI/UX asistido por IA. Brinda orientación estructurada sobre layouts, estilos, sistemas de color, tipografía y reglas UX para proyectos web y móviles. Ideal para equipos y desarrolladores que buscan decisiones de diseño prácticas en React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter y HTML/CSS. Úsala para planificar, revisar y mejorar interfaces con inteligencia de diseño curada.

UI Design
Favoritos 0GitHub 53.7k
N
ckm:ui-styling

por nextlevelbuilder

ckm:ui-styling facilita la creación de interfaces accesibles y listas para producción utilizando shadcn/ui, Tailwind CSS y diseño visual basado en canvas. Es ideal para proyectos en React que requieren estructuras responsivas, componentes accesibles, modo oscuro y sistemas de diseño consistentes. Aprovecha ckm:ui-styling para diseño de UI, tematización y prototipado rápido con recomendaciones prácticas adaptadas al stack.

UI Design
Favoritos 0GitHub 53.7k
N
ckm:design-system

por nextlevelbuilder

ckm:design-system te ayuda a crear tokens en tres capas, especificaciones de componentes, variables CSS, mapeos a Tailwind y slides de marca coherente a partir de una arquitectura clara de tokens.

Design Systems
Favoritos 0GitHub 53.6k
W
responsive-design

por wshobson

Usa la skill responsive-design para planificar e implementar layouts de interfaz adaptativos con container queries, tipografía fluida, CSS Grid, Flexbox y breakpoints mobile-first del repositorio wshobson/agents.

UI Design
Favoritos 0GitHub 32.6k
W
tailwind-design-system

por wshobson

Usa la skill tailwind-design-system para crear sistemas de diseño con Tailwind CSS v4, incluyendo tokens, theming, variantes, accesibilidad y guía de migración de v3 a v4.

Design Systems
Favoritos 0GitHub 32.5k
P
impeccable

por pbakaus

impeccable te ayuda a crear interfaces frontend distintivas y listas para producción, en lugar de diseños genéricos con aspecto de IA. Admite flujos de trabajo de craft, teach y extract para páginas, componentes web, superficies de apps, pósteres y otros frontends con una fuerte carga de diseño, por lo que resulta útil para diseño UI, preparación del contexto de diseño y extracción de patrones reutilizables.

UI Design
Favoritos 0GitHub 20.4k
P
harden

por pbakaus

La skill harden ayuda a preparar diseños de UI y especificaciones de interfaz para producción al poner a prueba casos límite, estados vacíos, manejo de errores, textos largos, localización, permisos y otros fallos habituales del mundo real. Úsala para harden for UI Design cuando necesites menos sorpresas de maquetación y reglas de comportamiento más completas.

UI Design
Favoritos 0GitHub 20.4k
P
audit

por pbakaus

La skill audit realiza una auditoría técnica de UX sobre trabajo frontend y revisa accesibilidad, rendimiento, theming, comportamiento responsive y anti-patterns. Genera hallazgos con puntuación, etiquetas de severidad P0-P3 y un plan de acción, con una configuración previa obligatoria mediante skills impecables relacionadas.

UX Audit
Favoritos 0GitHub 15k
P
frontend-design

por pbakaus

frontend-design es una skill centrada en el contexto para crear código de interfaz frontend con personalidad. Úsala para convertir la audiencia, el caso de uso y el tono de marca en mejores decisiones de layout, tipografía, color, movimiento, estados de interacción y UX writing en páginas, componentes y flujos.

UI Design
Favoritos 0GitHub 15k
P
optimize

por pbakaus

La skill optimize ayuda a diagnosticar y mejorar problemas de rendimiento de UI en carga, renderizado, animaciones, imágenes, tamaño del bundle y comportamiento en ejecución, con un flujo de trabajo basado primero en medir.

Performance Optimization
Favoritos 0GitHub 14.9k
P
harden

por pbakaus

La skill harden ayuda a dejar las UIs frontend listas para producción con un manejo de errores más sólido, estados vacíos y de carga, correcciones de desbordamiento de texto, soporte de i18n y cobertura de casos límite con datos del mundo real.

Frontend Development
Favoritos 0GitHub 14.9k
P
audit

por pbakaus

La skill audit realiza revisiones técnicas de UX estructuradas para páginas, funcionalidades o componentes. Comprueba accesibilidad, rendimiento, tematización, comportamiento responsive y anti‑patrones de front-end, y devuelve hallazgos puntuados con severidad P0-P3 y un plan de acción. Se aprovecha mejor después del paso de contexto obligatorio /frontend-design.

UX Audit
Favoritos 0GitHub 14.9k
P
adapt

por pbakaus

La skill adapt ayuda a rediseñar una interfaz existente para un nuevo dispositivo o contexto. Conoce el flujo de trabajo de adapt, la dependencia obligatoria de frontend-design, la ruta de instalación y su uso práctico para cambios de diseño UI/UX en móvil, tablet, impresión y experiencias multiplataforma.

UI/UX Design
Favoritos 0GitHub 14.9k
P
optimize

por pbakaus

La skill optimize ayuda a diagnosticar y mejorar el rendimiento de la UI en tiempos de carga, renderizado, animaciones, imágenes y tamaño del bundle. Úsala para medir cuellos de botella, priorizar correcciones y validar mejoras en aplicaciones web y frontends interactivos.

Performance Optimization
Favoritos 0GitHub 14.6k
P
harden

por pbakaus

Usa harden skill para reforzar la resiliencia de la UI frontend con mejores estados de error y vacíos, soporte de i18n, manejo de RTL, correcciones de overflow y cobertura de casos límite del mundo real para interfaces listas para producción.

Frontend Development
Favoritos 0GitHub 14.6k
P
frontend-design

por pbakaus

frontend-design es una skill centrada en diseño para crear interfaces frontend pulidas, con mejor contexto, jerarquía, accesibilidad y comportamiento responsive. Úsala para instalar la skill, revisar las referencias clave y aplicar orientación práctica para mejorar componentes, páginas y pantallas de aplicaciones.

UI Design
Favoritos 0GitHub 14.6k
P
audit

por pbakaus

La skill audit realiza revisiones técnicas estructuradas de UI en accesibilidad, rendimiento, theming, comportamiento responsive y anti-patterns. Devuelve hallazgos con puntuación, niveles de severidad P0-P3 y un plan de acción para una página, funcionalidad o componente concretos. Se aprovecha mejor después de recopilar el contexto de diseño.

UX Audit
Favoritos 0GitHub 14.6k
P
adapt

por pbakaus

La skill adapt ayuda a los equipos de UI/UX a rediseñar interfaces existentes para nuevos contextos, como móvil, tablet, impresión o pantallas táctiles. Usa adapt para evaluar los supuestos del origen, las limitaciones del destino y los cambios en la interacción antes de implementar. Instálala desde pbakaus/impeccable y combínala con /frontend-design para obtener mejores resultados.

UI/UX Design
Favoritos 0GitHub 14.6k
S
mui

por softaworks

mui es una guía especializada sobre Material UI v7 para React que cubre estilos con sx, personalización de temas, layouts responsive y los cambios clave de migración en v7. Úsala para instalar la skill, seguir los archivos principales y generar componentes MUI con los patrones actuales de @mui/material.

Frontend Development
Favoritos 0GitHub 1.3k
A
ui-testing

por alinaqi

La skill ui-testing ofrece un flujo de verificación de UI basado en checklist para detectar botones invisibles, bajo contraste, estados de enfoque ausentes y problemas con áreas táctiles antes del lanzamiento. Es ideal para revisiones de diseño de UI, comprobaciones de componentes y validaciones rápidas de accesibilidad con menos margen de error que un prompt genérico de pruebas.

UI Design
Favoritos 0GitHub 607
Responsive Design