por Juanjo LunaMejorar interfaz y animaciones
Te ayuda a pulir una interfaz para que se sienta mejor. Sirve al crear o revisar componentes, animaciones, transiciones y estados de interacción como pasar el ratón o pulsar.
Descripción original (inglés)
design-engineering: Apply interface craft when building or reviewing UI - motion, easing, timing, springs, component feel, and visual foundations. Use when building a component, animation, transition, hover or press state, modal, drawer, toast, or when polishing an interface so it feels right. Says "make this feel better", "add an animation", "polish the UI", "review this component".
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta design-engineering en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/rohitg00/pro-workflow.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/skills/design-engineering" ~/.claude/skills/design-engineering
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo un proyecto |
|---|---|---|
| Claude Code | ~/.claude/skills | .claude/skills |
| GitHub Copilot | ~/.copilot/skills | .github/skills |
| Codex | ~/.agents/skills | .agents/skills |
| Gemini CLI | ~/.gemini/skills | .gemini/skills |
Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.
Más skills de rohitg00/pro-workflow
- Coordinar equipos de agentes agent-teams
- Configurar proyecto automáticamente auto-setup
- Orquestar tareas en lote batch-orchestration
- Registrar un fallo como incidencia bug-capture
- Compactar contexto sin perder estado compact-guard
- Gestionar contexto de trabajo context-engineering
- Optimizar uso de tokens context-optimizer
- Controlar costes de sesión cost-tracker
Explicación redactada con ayuda de IA a partir de la descripción original.