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

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

figma-implement-design

Étoiles3

Forks0

Mis à jour19 mars 2026 à 17:57

Translate specific Figma nodes into production-ready UI with close visual fidelity and project-aware implementation decisions.

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

Calvin-Corbett

Calvin-Corbett/thomas

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

Développeurs webProfessions informatiques et mathématiques·SOC 15-1254

SKILL.md

readonly

name	figma-implement-design
description	Translate specific Figma nodes into production-ready UI with close visual fidelity and project-aware implementation decisions.

Figma Implement Design

Use this skill when Thomas must implement a Figma design faithfully in code rather than only summarizing it.

Workflow

Inspect the exact Figma node or screen and gather screenshots, measurements, and assets.
Translate the design into the project?s real component structure instead of flat copywork.
Implement the UI with attention to spacing, typography, responsive behavior, and states.
Verify the result visually against the design source.
Report any intentional implementation deviations and why they were necessary.

Rules

Aim for fidelity, but adapt responsibly to the project?s real architecture.
Do not ignore responsive states or interactive variants.

Plus depuis ce dépôt

même dépôt

async-lifecycle-initialization

Calvin-Corbett/thomas

Implement async service initialization, lifecycle startup, dependency graph ordering, concurrency-limited initializers, rollback/disposal on failure, idempotent initialization, and circular dependency handling for DI containers or resource registries.

2026-06-063

incremental-cache-cli-modes

Calvin-Corbett/thomas

Use when implementing incremental caches, cache invalidation, cache stats, cache summary, list/import/export/prune/clear cache CLI modes, or CLI side-effect/reporting paths where normal analysis output and diagnostic output must not interfere.

2026-06-063

line-suppression-directives

Calvin-Corbett/thomas

Use when implementing analyzer or linter suppression directives such as nosec, nosec-begin/nosec-end, nosec-next-line, noqa, ignore-next-line, disable/enable regions, per-rule selectors, inline comments, warning filters, or line-based suppression for multi-line AST statements and metrics.

2026-06-063

recursive-json-schema-validation

Calvin-Corbett/thomas

Implement JSON Schema parsers with recursive $ref, $defs, dependencies, dependentRequired, dependentSchemas, if/then/else, anyOf/allOf composition, and deep enum/const equality without stack overflows or shallow-only tests.

2026-06-063

static-taint-analysis

Calvin-Corbett/thomas

Use when implementing static taint/dataflow analysis, interprocedural taint tracking, vulnerability analyzer plugins, Bandit-like checks, B620/B621/B622/B623/B624 rules, or source-to-sink rules for SQL injection, shell injection, path traversal, SSRF, XSS, request.args/form/cookies, sys.argv, input(), os.environ, import aliases, nested functions, f-strings, percent formatting, .format(), or Python walrus/NamedExpr propagation.

2026-06-063

multipart-http-response-parser

Calvin-Corbett/thomas

Implement multipart HTTP response parsing APIs with Content-Type boundary validation, MIME delimiter framing, CRLF/LF/CR streaming chunks, part headers, continuations, duplicate headers, DecodingError, StreamConsumed, sync iter_multipart, async aiter_multipart, and raw response stream closure.

2026-05-283

Exécutez n'importe quel Skill en un clic