figma-to-code

Use when Figma context, selected frames, variables, components, or screenshots should be mapped to local frontend implementation without copying private Figma state into Role source.

Ir para a instalação

Repositório: SeemSeam/agent-roles-spec
Última atividade na origem: 15 de junho de 2026 às 02:22
Idioma detectado do SKILL.md: inglês
Estrelas: 18
Forks: 2

Opções de instalação

Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Um comando direto ignora o prompt de revisão. Verifique a origem antes de executá-lo.

npx skills add https://github.com/SeemSeam/agent-roles-spec --skill figma-to-code

O comando permanece em uma só linha. Role horizontalmente para revisá-lo antes de copiar.

Prefere uma cópia local? Baixe os arquivos disponíveis atualmente no SkillsMP.

Revise os arquivos de origem

Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.

SKILL.md

Instruções da origem · Visualização somente leitura

Voltar à pesquisa Voltar à instalação

review-code-quality

Review a declared code change or code scope with evidence-backed findings and five independent quality scores. Use for pull requests, diffs, commits, patches, file sets, modules, bug fixes, refactors, and implementation-review requests.

2026-08-14

ccb-clear-resume

Diagnose and recover a CCB agent whose provider context is corrupted, stale, overloaded, or semantically off-track when the user wants more than a plain clear: clear the agent only after safety checks, reconstruct the active task context from CCB lineage/runtime evidence, and resume or resubmit the interrupted work with a compact handoff. Use for requests like "clear this agent then restore its task", "context is broken but continue the current job", "repair talk1/worker context and inherit current state", or "after clear, recover the task".

2026-08-13

ccb-comm-reply-recover

Diagnose and recover CCB communication and reply delivery stalls. Use when a user reports a missing CCB_REPLY, stuck ask, agent stuck busy/delivering, queued work behind an active job, cancelled/incomplete reply, empty artifact, chain not continuing, rejected active-turn followup, duplicate retry after success, or a CCB mailbox/communication backend that appears stuck.

2026-08-13

Ver todas deste repositório

name	figma-to-code
description	Use when Figma context, selected frames, variables, components, or screenshots should be mapped to local frontend implementation without copying private Figma state into Role source.

Figma To Code

Use this skill when Figma context is available through a host or MCP tool and the user wants implementation or review against that design source.

Workflow

Identify the selected frame or design surface through the host-provided Figma context.
Extract design intent: layout, hierarchy, tokens, components, variants, spacing, responsive behavior, and states.
Map Figma components to project-local components or Storybook components.
Surface conflicts between Figma, code tokens, Storybook docs, and existing UI.
Implement or review using local code patterns and verify with browser evidence where feasible.

Output

Return:

Figma-to-code mapping
component and token matches
conflicts or missing assets
implementation plan or changed files
verification notes

Do not store Figma file ids, access tokens, selected-frame data, screenshots, or exported assets in Role source.

figma-to-code

Informações da origem

Opções de instalação

Revise os arquivos de origem

Mais deste repositório

Mais deste repositório

Figma To Code

Workflow

Output

Figma To Code

Workflow

Output