figrefer

Read the currently selected Figma element and work with it. Use when: (1) User says 'figrefer', 'figma refer', 'check my figma selection', (2) User wants to implement or analyze a design selected in Figma desktop app, (3) User says 'what am I selecting in figma', 'implement this figma design'

Ir a la instalación

Repositorio: Takazudo/claude-resources
Última actividad en el origen: 5 de abril de 2026 a las 14:53
Idioma detectado de SKILL.md: inglés
Estrellas: 11
Forks: 1

Opciones de instalación

De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Un comando directo omite el prompt de revisión. Revisa el origen antes de ejecutarlo.

npx skills add https://github.com/Takazudo/claude-resources --skill figrefer

El comando permanece en una sola línea. Desplázate horizontalmente para revisarlo antes de copiarlo.

¿Prefieres una copia local? Descarga los archivos que SkillsMP tiene disponibles ahora.

Revisa los archivos de origen

Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.

SKILL.md

Instrucciones de origen · Vista previa de solo lectura

Volver a la búsqueda Volver a la instalación

codex-2nd

Get a second opinion from OpenAI Codex CLI on a plan or approach. Use when: (1) During planning phase of /x-as-pr or /x-wt-teams to validate the approach, (2) User says 'codex 2nd', 'second opinion', or 'codex opinion', (3) Wanting an alternative perspective before committing to a plan. Sends context and plan to codex, returns feedback. Called automatically by /x-as-pr and /x-wt-teams during planning.

2026-07-29

codex-imagegen

Generate or redesign raster images (PNG mockups, illustrations, photos, UI design polish) from inside Claude Code by driving Codex CLI's built-in $imagegen, billed to ChatGPT-included usage instead of per-image OpenAI API charges. Use whenever the user wants to create/generate an image, make a mockup or illustration, produce a photo, polish or redesign a UI from a screenshot, or get a PNG out of a session — even if they don't mention Codex or "imagegen". This is the preferred image-generation path because Anthropic models cannot generate raster images and this route avoids API billing.

2026-07-29

codex-research

Web research using OpenAI Codex CLI (codex exec). PREFERRED over general web research. Use when: (1) User says 'research', 'codex research', 'look up', or 'investigate', (2) Researching libraries, APIs, best practices, or technical topics, (3) Gathering information from the web. Codex performs research, Claude Code synthesizes. Falls back to Claude Code researcher subagent if codex unresponsive.

2026-07-29

Ver todos los de este repositorio

name	figrefer
description	Read the currently selected Figma element and work with it. Use when: (1) User says 'figrefer', 'figma refer', 'check my figma selection', (2) User wants to implement or analyze a design selected in Figma desktop app, (3) User says 'what am I selecting in figma', 'implement this figma design'
argument-hint	[what to do with the selection]

Figma Refer

Read the user's current Figma desktop app selection and work with it based on their instructions.

Prerequisites

Figma Desktop MCP must be connected: claude mcp add --transport http figma-desktop http://127.0.0.1:3845/mcp
Figma desktop app open with Dev Mode enabled (Shift+D)
User has selected a layer/frame in Figma

Workflow

Step 1: Read the Selection

Call these tools in parallel (no nodeId needed — reads current selection):

mcp__figma-desktop__get_screenshot - visual reference
mcp__figma-desktop__get_design_context - code reference with styles, fonts, colors
mcp__figma-desktop__get_metadata - structure, dimensions, positions

Step 2: Present What You See

Summarize the selection for the user:

What the element looks like (from screenshot)
Dimensions and position (from metadata)
Key style properties: fonts, colors, spacing (from design context)
Layer structure if relevant

Step 3: Follow User Instructions

$ARGUMENTS contains what the user wants to do. Common scenarios:

figrefer

Datos de origen

Opciones de instalación

Revisa los archivos de origen

Más de este repositorio

Más de este repositorio

Figma Refer

Prerequisites

Workflow

Step 1: Read the Selection

Step 2: Present What You See

Step 3: Follow User Instructions

Figma Refer

Prerequisites

Workflow

Step 1: Read the Selection

Step 2: Present What You See

Step 3: Follow User Instructions

Important Notes