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.

Ir a la instalación

Repositorio: neuron-one/GODMODE
Última actividad en el origen: 1 de abril de 2026 a las 10:58
Idioma detectado de SKILL.md: inglés
Estrellas: 27
Forks: 11

Opciones de instalación

De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Un comando directo omite el prompt de revisión. Revisa el origen antes de ejecutarlo.

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

El comando permanece en una sola línea. Desplázate horizontalmente para revisarlo antes de copiarlo.

¿Prefieres una copia local? Descarga los archivos que SkillsMP tiene disponibles ahora.

Revisa los archivos de origen

Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.

SKILL.md

Instrucciones de origen · Vista previa de solo lectura

Volver a la búsqueda Volver a la instalación

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

Ver todos los de este repositorio

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

Opciones de instalación

Revisa los archivos de origen

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

Datos de origen

Opciones de instalación

Revisa los archivos de origen

Más de este repositorio

Más de este repositorio

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