screen-coder

Converts UI screenshots and design mockups into production-ready HTML/CSS code. Multi-agent architecture analyzes layout, plans structure, generates clean code. Use when you have a design image and need code. Don't use for code-to-code tasks.

Aller à l'installation

Dépôt: neuron-one/GODMODE
Dernière activité de la source: 1 avril 2026 à 10:58
Langue détectée de SKILL.md: anglais
Étoiles: 27
Forks: 11

Options d'installation

Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.

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.

Une commande directe contourne le prompt de vérification. Examinez la source avant de l'exécuter.

npx skills add https://github.com/neuron-one/GODMODE --skill screen-coder

La commande reste sur une seule ligne. Faites défiler horizontalement pour la vérifier avant de la copier.

Vous préférez une copie locale ? Téléchargez les fichiers actuellement disponibles dans SkillsMP.

Vérifiez les fichiers source

Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.

SKILL.md

Instructions source · Aperçu en lecture seule

Retour à la recherche Retour à l’installation

ml-training

Machine learning model training with HuggingFace. Fine-tuning LLMs, dataset creation, GPU selection, training monitoring. Use for training custom models. Don't use for using pre-trained models via API.

2026-04-01

cost-estimate

Estimates project cost at market rates. Scans codebase, counts APIs, integrations, and complexity. Shows what the project would cost without AI. Use for pitches and ROI demonstrations.

2026-04-01

marketing

Marketing and conversion optimization. Landing page CRO, copywriting, positioning, GTM strategy, A/B testing. Don't use for product development or technical decisions.

2026-04-01

Tout voir dans ce dépôt

name	screen-coder
description	Converts UI screenshots and design mockups into production-ready HTML/CSS code. Multi-agent architecture analyzes layout, plans structure, generates clean code. Use when you have a design image and need code. Don't use for code-to-code tasks.
disable-model-invocation	true
model	opus
effort	high
allowed-tools	Read, Write, Bash, Glob
argument-hint	["path-to-screenshot"]

ScreenCoder — Screenshot to Code

Convert a UI design screenshot into production-ready code.

Process:

Analyze the screenshot layout and visual structure
Identify all UI components (buttons, cards, inputs, navigation)
Plan HTML structure and CSS approach
Generate clean, editable HTML + CSS/Tailwind code
Ensure responsive design

Input: $ARGUMENTS (path to screenshot image)

Output:

Clean HTML file
Tailwind CSS classes (preferred) or separate CSS
Component structure matching the design

Rules:

Match the design as closely as possible
Use semantic HTML elements
Mobile-first responsive approach
Use existing component patterns from the project if available

screen-coder

Options d'installation

Vérifiez les fichiers source

ScreenCoder — Screenshot to Code

Process:

Input: $ARGUMENTS (path to screenshot image)

Output:

Rules:

Reference: https://github.com/leigest519/ScreenCoder

ScreenCoder — Screenshot to Code

Process:

Input: $ARGUMENTS (path to screenshot image)

Output:

Rules:

Reference: https://github.com/leigest519/ScreenCoder

screen-coder

Informations de source

Options d'installation

Vérifiez les fichiers source

Plus depuis ce dépôt

Plus depuis ce dépôt

ScreenCoder — Screenshot to Code

Process:

Input: $ARGUMENTS (path to screenshot image)

Output:

Rules:

Reference: https://github.com/leigest519/ScreenCoder

ScreenCoder — Screenshot to Code

Process:

Input: $ARGUMENTS (path to screenshot image)

Output:

Rules:

Reference: https://github.com/leigest519/ScreenCoder