·ui-design
*

ui-design

✓
yunshu0909/yunshu_skillshubGitHub: yunshu0909/yunshu_skillshubFuente: yunshu0909/yunshu_skillshub

Proceso de colaboración de modificación del estilo de la interfaz de usuario. Se utiliza cuando los usuarios solicitan cambios en el estilo de la página, ajustes de diseño o ajustes en los detalles de la interfaz de usuario. A través de un flujo estructurado de "posicionamiento de capturas de pantalla → descripción del estado actual → selección de opciones → edición de código → ajuste fino", se reduce la desviación de la comunicación y se evita el desperdicio de tokens.

yunshu0909·ui·design
22Instalaciones·0Tendencia·@yunshu0909

Instalación

GitHub: yunshu0909/yunshu_skillshub
$npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design

Cómo instalar ui-design

Instala rápidamente el skill de IA ui-design 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/yunshu0909/yunshu_skillshub --skill ui-design
  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: yunshu0909/yunshu_skillshub.

SKILL.md

Ver original

用户要求修改页面的 UI 样式（布局、间距、颜色、组件搭配等视觉层面的调整）。通过结构化的协作流程完成修改，确保每一步都对齐目标，不做无效猜测。

| 截图 | 标注出想改的区域 | | 问题描述 | "这两个元素搭配不协调"、"间距太大" | | 选择方案 | 从给出的方案中选一个 |

| 定位 | ASCII 现状图 | | 方案 | 2-3 个 ASCII 方案图 + 一句话说明 | | 改码 | 最小改动，只改选定方案 | | 微调 | 直接执行具体调整 |

Proceso de colaboración de modificación del estilo de la interfaz de usuario. Se utiliza cuando los usuarios solicitan cambios en el estilo de la página, ajustes de diseño o ajustes en los detalles de la interfaz de usuario. A través de un flujo estructurado de "posicionamiento de capturas de pantalla → descripción del estado actual → selección de opciones → edición de código → ajuste fino", se reduce la desviación de la comunicación y se evita el desperdicio de tokens. Fuente: yunshu0909/yunshu_skillshub.

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill ui-design
Fuente
yunshu0909/yunshu_skillshub
Categoría
*Creatividad
Verificado
✓
Primera vez visto
2026-02-26
Actualizado
2026-03-10
URL
https://www.learn-skills.dev/es/skills/yunshu0909/yunshu_skillshub/ui-design

Browse more skills from yunshu0909/yunshu_skillshub

Respuestas rápidas

¿Qué es ui-design?

Proceso de colaboración de modificación del estilo de la interfaz de usuario. Se utiliza cuando los usuarios solicitan cambios en el estilo de la página, ajustes de diseño o ajustes en los detalles de la interfaz de usuario. A través de un flujo estructurado de "posicionamiento de capturas de pantalla → descripción del estado actual → selección de opciones → edición de código → ajuste fino", se reduce la desviación de la comunicación y se evita el desperdicio de tokens. Fuente: yunshu0909/yunshu_skillshub.

¿Cómo instalo ui-design?

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/yunshu0909/yunshu_skillshub --skill ui-design 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/yunshu0909/yunshu_skillshub

Detalles

Categoría
*Creatividad
Fuente
skills.sh
Primera vez visto
2026-02-26

Skills Relacionados

weekly-report
68 Instalaciones
github-repo-search
63 Instalaciones
prd-doc-writer
40 Instalaciones
writing-assistant
38 Instalaciones
image-assistant
32 Instalaciones
thought-mining
32 Instalaciones