·mobile-app-design-mastery
*

mobile-app-design-mastery

Diseño de interfaz de usuario de aplicaciones móviles de nivel de producción basado en los principios de Refactoring UI. SIEMPRE actívelo para: aplicación Flutter, aplicación móvil, aplicación iOS, aplicación Android, interfaz de usuario móvil, pantallas de aplicaciones, navegación móvil, hojas inferiores, formularios móviles, objetivos táctiles, tipografía móvil, combinación de colores de aplicaciones, tarjetas móviles, vistas de lista, modales móviles, barras de pestañas, barras de aplicaciones, botones de acción flotantes. Proporciona flujo de trabajo de diseño móvil, espaciado táctil optimizado, escala de tipografía móvil y patrones compatibles con la plataforma. Turco: mobil uygulama tasarımı, Flutter tasarım, uygulama arayüzü, mobil UI, telefon uygulaması, Android tasarım, iOS tasarım. Inglés: diseño de aplicaciones, interfaz móvil, táctil, sensación nativa, UX móvil.

13Instalaciones·1Tendencia·@anilcancakir

Instalación

$npx skills add https://github.com/anilcancakir/my-claude-code --skill mobile-app-design-mastery

Cómo instalar mobile-app-design-mastery

Instala rápidamente el skill de IA mobile-app-design-mastery en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/anilcancakir/my-claude-code --skill mobile-app-design-mastery
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: anilcancakir/my-claude-code.

SKILL.md

Ver original

Production-grade mobile UI design principles adapted from Refactoring UI for Flutter/native apps.

| xs | 4 | Micro gaps, icon padding | | sm | 8 | Tight, within components | | md | 12 | Related elements | | base | 16 | Standard padding | | lg | 24 | Between sections | | xl | 32 | Major separation | | 2xl | 48 | Screen margins on tablets |

| iOS | 44×44 pt | | Android | 48×48 dp | | Comfortable | 56×56 |

Diseño de interfaz de usuario de aplicaciones móviles de nivel de producción basado en los principios de Refactoring UI. SIEMPRE actívelo para: aplicación Flutter, aplicación móvil, aplicación iOS, aplicación Android, interfaz de usuario móvil, pantallas de aplicaciones, navegación móvil, hojas inferiores, formularios móviles, objetivos táctiles, tipografía móvil, combinación de colores de aplicaciones, tarjetas móviles, vistas de lista, modales móviles, barras de pestañas, barras de aplicaciones, botones de acción flotantes. Proporciona flujo de trabajo de diseño móvil, espaciado táctil optimizado, escala de tipografía móvil y patrones compatibles con la plataforma. Turco: mobil uygulama tasarımı, Flutter tasarım, uygulama arayüzü, mobil UI, telefon uygulaması, Android tasarım, iOS tasarım. Inglés: diseño de aplicaciones, interfaz móvil, táctil, sensación nativa, UX móvil. Fuente: anilcancakir/my-claude-code.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/anilcancakir/my-claude-code --skill mobile-app-design-mastery
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-10

Browse more skills from anilcancakir/my-claude-code

Respuestas rápidas

¿Qué es mobile-app-design-mastery?

Diseño de interfaz de usuario de aplicaciones móviles de nivel de producción basado en los principios de Refactoring UI. SIEMPRE actívelo para: aplicación Flutter, aplicación móvil, aplicación iOS, aplicación Android, interfaz de usuario móvil, pantallas de aplicaciones, navegación móvil, hojas inferiores, formularios móviles, objetivos táctiles, tipografía móvil, combinación de colores de aplicaciones, tarjetas móviles, vistas de lista, modales móviles, barras de pestañas, barras de aplicaciones, botones de acción flotantes. Proporciona flujo de trabajo de diseño móvil, espaciado táctil optimizado, escala de tipografía móvil y patrones compatibles con la plataforma. Turco: mobil uygulama tasarımı, Flutter tasarım, uygulama arayüzü, mobil UI, telefon uygulaması, Android tasarım, iOS tasarım. Inglés: diseño de aplicaciones, interfaz móvil, táctil, sensación nativa, UX móvil. Fuente: anilcancakir/my-claude-code.

¿Cómo instalo mobile-app-design-mastery?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/anilcancakir/my-claude-code --skill mobile-app-design-mastery Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/anilcancakir/my-claude-code