Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

figma-fix

Étoiles7

Forks0

Mis à jour17 mai 2026 à 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.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

buhaistrikalo

buhaistrikalo/skills

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Concepteurs web et d'interfaces numériquesProfessions informatiques et mathématiques·SOC 15-1255

Explorateur de fichiers

2 fichiers

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.

Plus depuis ce dépôt

même dépôt

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.