Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

figma-fix

Sterne7

Forks0

Aktualisiert17. Mai 2026 um 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

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

buhaistrikalo

buhaistrikalo/skills

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

Web- und digitale SchnittstellendesignerInformatik- und Mathematikberufe·SOC 15-1255

Datei-Explorer

2 Dateien

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.

Mehr aus diesem Repository

gleiches Repository

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.