Skills Agentes

Figma Designer

Analiza diseños de Figma y genera PRDs listos para implementar con especificaciones visuales detalladas. Requiere conexión al servidor MCP de Figma.

Solicitareadwriteeditbashgrepglobwebfetchwebsearchaskuserquestion
Estrellas
72

en todo el repo

Actividad
53

0–100, la ruta de este skill

Actualizado
el mes pasado

último commit aquí

Commits
2

últimos 90 días

Contexto
2.7k tok

51 tok en reposo

Paquete
3 archivos

18 KB

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add zhaono1/agent-playbook --skill figma-designer --agent claude-code

Se instala solo en este repositorio.

Este skill runs shell commands, writes to your files, makes network requests.

Qué hace

  • Extrae tokens de diseño (colores, tipografía, espaciado, sombras) desde Figma
  • Analiza la jerarquía de componentes y sus variantes, estados y props
  • Genera especificaciones visuales detalladas por pantalla con layouts y tablas
  • Produce PRDs de 4 archivos, documentos de spec visual o librerías de componentes

Úsalo cuando

  • El usuario proporciona un enlace de Figma (https://www.figma.com/file/...)
  • El usuario sube una captura de diseño y menciona 'Figma'
  • Se pide 'analiza este diseño' o 'extrae specs de diseño'
  • Se pide 'crea PRD desde Figma'

No lo uses cuando

    Qué lo activa

    Di cualquiera de estas frases y el agente debería cargar este skill.

    • Aquí está el link de Figma, genera el PRD
    • Analiza este diseño y extrae los tokens
    • Crea las specs visuales de esta pantalla de Figma
    • Sube esta captura de Figma y arma la especificación

    Archivos

    3 archivos en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.

    Antes de instalar

    Requiere que el host exponga un servidor o plugin MCP de Figma con acceso a metadatos, nodos y estilos.

    Detalles

    Creador
    zhaono1
    Categoría
    Diseño y UI
    Licencia
    No especificada
    Recursos incluidos
    referencias
    Código fuente
    Ver SKILL.md

    Más de zhaono1/agent-playbook

    Este repo incluye 24 skills. Si instalas uno, normalmente ya tienes los demás.

    Crea pull requests con revisión de documentación bilingüe, asegurando que los README en inglés y chino se mantengan sincronizados cuando cambia el catálogo de skills.

    Costo de contexto al activarse
    2.2k tok
    Tamaño del paquete
    2 archivos
    Última actualización
    el mes pasado
    Permisos
    herramientas desarrollo

    Crea PRDs mediante planificación persistente basada en archivos. Úsalo cuando el usuario diga explícitamente 'PRD', 'product requirements document' o '产品需求文档'.

    Costo de contexto al activarse
    3.3k tok
    Tamaño del paquete
    3 archivos
    Última actualización
    el mes pasado
    Permisos
    productividad

    Agente universal de autoaprendizaje que aprende de todas las experiencias de skills mediante memoria semántica, episódica y de trabajo, con autocorrección basada en hooks.

    Costo de contexto al activarse
    4.3k tok
    Tamaño del paquete
    10 archivos
    Última actualización
    el mes pasado
    Permisos
    automatizacion

    Guarda el historial de conversación en archivos de log de sesión. Úsalo al decir '保存对话', '保存对话信息', '记录会话', 'save session' o 'save conversation'.

    Costo de contexto al activarse
    1.6k tok
    Tamaño del paquete
    2 archivos
    Última actualización
    el mes pasado
    Permisos
    productividad

    Enruta de forma inteligente las solicitudes del usuario hacia el skill de Claude Code más apropiado; es el punto de entrada por defecto cuando no está claro qué skill usar.

    Costo de contexto al activarse
    2k tok
    Tamaño del paquete
    2 archivos
    Última actualización
    el mes pasado
    productividad

    Coordina workflows entre varios skills y registra o ejecuta acciones de seguimiento cuando el entorno lo permite, tras completar una PRD, una implementación o cualquier milestone relevante.

    Costo de contexto al activarse
    2.7k tok
    Tamaño del paquete
    2 archivos
    Última actualización
    el mes pasado
    Permisos
    automatizacion

    Skills relacionados

    Crea arte algorítmico con p5.js, aleatoriedad con semilla y exploración interactiva de parámetros. Úsalo cuando pidan arte por código, arte generativo, flow fields o sistemas de partículas.

    Costo de contexto al activarse
    4.9k tok
    Tamaño del paquete
    4 archivos
    Última actualización
    hace 3 meses
    Oficialdiseno ui

    Aplica los colores y la tipografía oficiales de la marca Anthropic a cualquier artefacto que pueda beneficiarse de su look-and-feel. Úsalo cuando apliquen colores de marca o estándares de diseño.

    Costo de contexto al activarse
    559 tok
    Tamaño del paquete
    2 archivos
    Última actualización
    hace 3 meses
    Oficialdiseno ui

    Crea arte visual en documentos .png y .pdf partiendo de una filosofía de diseño. Úsalo cuando pidan un póster, una pieza de arte, un diseño u otra pieza estática.

    Costo de contexto al activarse
    3k tok
    Tamaño del paquete
    83 archivos
    Última actualización
    hace 3 meses
    Oficialdiseno ui