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
79

en todo el repo

Actividad
53

0–100, la ruta de este skill

Actualizado
hace 3 meses

ú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. Ver el pack agent-playbook entero y su comando de instalación

    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
    hace 3 meses
    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
    hace 3 meses
    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
    hace 3 meses
    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
    hace 3 meses
    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
    hace 3 meses
    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
    hace 3 meses
    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 5 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 5 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 5 meses
    Oficialdiseno ui