Communitygithub.com

S1mpleCheeq/image2-figma-frontend

Une compétence Codex pour les prévisualisations de pages image2 révisées, les designs Figma modifiables et l'implémentation frontend réactive.

Qu'est-ce que image2-figma-frontend ?

Cette compétence pour Codex permet de transformer des images (comme des maquettes ou des captures d'écran) en prévisualisations de pages web révisées, en designs Figma modifiables et en code frontend réactif. Elle est particulièrement utile pour les développeurs et designers souhaitant accélérer le passage du design au code, tout en conservant la possibilité de peaufiner visuellement le résultat dans Figma. La compétence génère un code frontend propre et responsive (HTML/CSS/JS ou frameworks modernes) et peut fournir un lien de prévisualisation pour tester le rendu. Elle s'appuie sur l'analyse d'images pour produire des composants d'interface utilisateur cohérents et adaptés aux bonnes pratiques du web.

Compatible avec~Claude Code✓Codex CLI~Cursor
npx skills add S1mpleCheeq/image2-figma-frontend
Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait image2-figma-frontend ?

Une compétence Codex pour les prévisualisations de pages image2 révisées, les designs Figma modifiables et l'implémentation frontend réactive.

Skills associés

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community