Communitygithub.com

wuji3925/hima-ui-design-skill

Habilidad personal de Codex para el diseño de UI de la aplicación HIMA y miniprogramas.

¿Qué es hima-ui-design-skill?

Este skill personal de Codex está diseñado para asistir en el diseño de interfaces de usuario (UI) de la aplicación HIMA y sus miniprogramas asociados. Es útil para desarrolladores y diseñadores que trabajan en el ecosistema HIMA, ya que centraliza instrucciones y patrones de diseño para mantener consistencia visual y de interacción. Compatible con Codex (Cursor), el skill permite generar, modificar y documentar componentes UI siguiendo las guías de estilo de HIMA. Funciona interpretando instrucciones en lenguaje natural y aplicando las reglas de diseño definidas en su documentación SKILL.md, facilitando la creación rápida de prototipos y componentes reutilizables.

Compatible con~Claude Code✓Codex CLI~Cursor
npx skills add wuji3925/hima-ui-design-skill

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace hima-ui-design-skill?

Habilidad personal de Codex para el diseño de UI de la aplicación HIMA y miniprogramas.

Esta habilidad de Codex te ayuda a diseñar y desarrollar interfaces de usuario consistentes y de alta calidad para la aplicación HIMA y sus miniprogramas. Al activarla, Codex seguirá las guías de estilo y patrones de diseño definidos para el ecosistema HIMA, asegurando que los componentes y pantallas creados sean visualmente coherentes y funcionales.

Funcionalidades principales

  • Generación de componentes UI reutilizables basados en las especificaciones de HIMA.
  • Modificación de elementos de interfaz existentes siguiendo las reglas de diseño.
  • Documentación de patrones de UI y guías de estilo para el equipo de desarrollo.
  • Asistencia en la creación de prototipos rápidos para nuevas funcionalidades.

Cómo usarlo

  1. Asegúrate de tener Codex (Cursor) configurado con este skill.
  2. Describe en lenguaje natural el componente o pantalla que deseas diseñar.
  3. Codex aplicará las reglas de diseño de HIMA y generará el código correspondiente.
  4. Revisa y ajusta los resultados según sea necesario.

Compatibilidad

  • Plataforma: Codex (Cursor)
  • Entorno: Aplicación HIMA y miniprogramas

Notas

Este skill es personal y está optimizado para el proyecto HIMA. No incluye dependencias externas ni configuraciones adicionales más allá de las definidas en el SKILL.md original.

Skills relacionados