·design-exploration
</>

design-exploration

Flujo de trabajo de exploración de diseño de nuevas funciones. Úselo cuando el usuario tenga una idea vaga de una nueva característica/módulo. A través del proceso estructurado de "convergencia de requisitos → investigación técnica → exploración por lotes ASCII → borradores de diseño HTML → cobertura de estado completo → resumen de requisitos", convierte una idea confusa en un documento de referencia de diseño entregable que sirve como entrada para la fase PRD.

22Instalaciones·0Tendencia·@yunshu0909

Instalación

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

Cómo instalar design-exploration

Instala rápidamente el skill de IA design-exploration 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 design-exploration
  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

用户有一个模糊的想法,想做一个新功能或新模块,但还没想清楚具体要什么。通过结构化的探索流程,帮助用户从模糊想法收敛到明确的设计方案,并产出完整的设计参考文档。

| 需求总结.md | 背景、目标、功能范围、关键决策、技术约束 | PRD 阶段的输入,讲清楚"为什么做、做什么" | | {模块名}-设计稿.html | 主界面 HTML mockup | PRD + 前端开发的视觉参考 | | {模块名}-全状态设计参考.html | 所有页面状态、Toast、边界情况、交互规则表 | 前端开发直接对照实现 |

判断是否需要调研:如果功能涉及外部数据(配置文件、API、第三方系统、文件格式),必须先调研技术约束。如果是纯 UI 功能不涉及外部依赖,跳过。

Flujo de trabajo de exploración de diseño de nuevas funciones. Úselo cuando el usuario tenga una idea vaga de una nueva característica/módulo. A través del proceso estructurado de "convergencia de requisitos → investigación técnica → exploración por lotes ASCII → borradores de diseño HTML → cobertura de estado completo → resumen de requisitos", convierte una idea confusa en un documento de referencia de diseño entregable que sirve como entrada para la fase PRD. 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 design-exploration
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-26
Actualizado
2026-03-10

Browse more skills from yunshu0909/yunshu_skillshub

Respuestas rápidas

¿Qué es design-exploration?

Flujo de trabajo de exploración de diseño de nuevas funciones. Úselo cuando el usuario tenga una idea vaga de una nueva característica/módulo. A través del proceso estructurado de "convergencia de requisitos → investigación técnica → exploración por lotes ASCII → borradores de diseño HTML → cobertura de estado completo → resumen de requisitos", convierte una idea confusa en un documento de referencia de diseño entregable que sirve como entrada para la fase PRD. Fuente: yunshu0909/yunshu_skillshub.

¿Cómo instalo design-exploration?

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 design-exploration 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