Ejecuta cualquier Skill en Manus
con un clic

Ejecuta cualquier Skill en Manus con un clic

figma-fix

Estrellas7

Forks0

Actualizado17 de mayo de 2026 a las 10:52

Use when the user provides a Figma node, screenshot, or visual reference and wants a narrow frontend change to match it. Also use for small UI copy, layout, spacing, state, or component adjustments driven by a concrete design reference.

Instalación

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.

Ejecutar en Manus

Fuente

buhaistrikalo

buhaistrikalo/skills

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Diseñadores de interfaces web y digitalesOcupaciones informáticas y matemáticas·SOC 15-1255

Explorador de archivos

2 archivos

SKILL.md

readonly

name	figma-fix
description	Use when the user provides a Figma node, screenshot, or visual reference and wants a narrow frontend change to match it. Also use for small UI copy, layout, spacing, state, or component adjustments driven by a concrete design reference.
metadata	{"short-description":"Apply focused Figma UI fixes"}

Figma Fix

Turn a concrete Figma or screenshot reference into a narrow frontend change.

Workflow

Identify the exact surface.
- Find the component, route, modal, table, or widget that corresponds to the design.
- Keep scope to the named surface unless the user expands it.
Match existing product patterns.
- Reuse local components, tokens, icons, and layout conventions.
- Avoid new abstractions for one-off visual tweaks.
- Do not touch backend code for frontend-only requests.
Implement the smallest useful diff.
- Change only the files needed for the visible result.
- Preserve adjacent behavior and unrelated copy.
- Make text fit on mobile and desktop.
Verify visually when possible.
- Run targeted lint/type checks when available.
- Use browser or screenshots for meaningful UI changes.
- Check that responsive layout and text do not overlap.

Experimental Note

This skill works best when the user supplies a concrete node, screenshot, or exact UI surface. If the reference is vague, first find the closest implemented surface and state the assumption.

Más de este repositorio

mismo repositorio

skill-maker

buhaistrikalo/skills

Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.

2026-06-117

grill-with-docs

buhaistrikalo/skills

Use when the user wants to stress-test a plan against the project's existing domain language, glossary, code behavior, and documented decisions. Also use when they mention grilling a plan, sharpening terminology, walking a design tree, updating CONTEXT.md, or deciding whether an ADR is needed.

2026-06-077

handoff

buhaistrikalo/skills

Use when the user wants to compact the current conversation into a handoff document for another agent or future session to continue the work. Also use when they mention handoff, transfer context, continue in a new session, or summarize the session for the next agent.

2026-05-307

push-to-main

buhaistrikalo/skills

Use when the user asks to push, upload, publish, or "залей" changes to main. Also use when they provide a GitHub remote and want the current repository committed and pushed.

2026-05-177

small-diff

buhaistrikalo/skills

Use when a change has become too large, the user worries about extra lines or overengineering, or asks to simplify, reduce scope, avoid unrelated changes, or keep only the necessary diff.

2026-05-177

trace-bug

buhaistrikalo/skills

Use when the user asks why a bug happens, wants an explanation grounded in code, or says to check the real code/data path before fixing. Also use for missing data, inconsistent UI state, broken workflows, and suspected backend/frontend contract issues.

2026-05-177

name	figma-fix
description	Use when the user provides a Figma node, screenshot, or visual reference and wants a narrow frontend change to match it. Also use for small UI copy, layout, spacing, state, or component adjustments driven by a concrete design reference.
metadata	{"short-description":"Apply focused Figma UI fixes"}

Figma Fix

Turn a concrete Figma or screenshot reference into a narrow frontend change.

Workflow

Identify the exact surface.
- Find the component, route, modal, table, or widget that corresponds to the design.
- Keep scope to the named surface unless the user expands it.
Match existing product patterns.
- Reuse local components, tokens, icons, and layout conventions.
- Avoid new abstractions for one-off visual tweaks.
- Do not touch backend code for frontend-only requests.
Implement the smallest useful diff.
- Change only the files needed for the visible result.
- Preserve adjacent behavior and unrelated copy.
- Make text fit on mobile and desktop.
Verify visually when possible.
- Run targeted lint/type checks when available.
- Use browser or screenshots for meaningful UI changes.
- Check that responsive layout and text do not overlap.

Experimental Note

This skill works best when the user supplies a concrete node, screenshot, or exact UI surface. If the reference is vague, first find the closest implemented surface and state the assumption.