Execute qualquer Skill no Manus
com um clique

Execute qualquer Skill no Manus com um clique

figma-fix

Estrelas7

Forks0

Atualizado17 de maio de 2026 às 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.

Instalação

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ê.

Executar no Manus

Fonte

buhaistrikalo

buhaistrikalo/skills

Abrir repositório GitHub Ver repositórios do creator

Download

Executar no Manus

Ocupações relacionadasSOC

Baseado na classificação ocupacional SOC

Designers de interfaces web e digitaisInformática e Matemática·SOC 15-1255

Explorador de arquivos

2 arquivos

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.

Mais deste repositório

mesmo repositório

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.