AIKraft/AI/Войти
AIKraft/Skills/image-to-code

image-to-code

Элитный навык преобразования изображений веб-сайтов в код для Codex. Для визуально значимых веб-задач он должен сначала самостоятельно сгенерировать изображение(я) дизайна, глубоко проанализировать их, а затем реализовать веб-сайт, максимально соответствующий им. В Codex он должен отдавать предпочтение крупным, читаемым изображениям, специфичным для каждой секции, вместо мелких сжатых досок; генерировать свежие автономные изображения для секций или детальных представлений вместо обрезки старых; избегать ленивой недогенерации; избегать интерфейсов с карточками внутри карточек внутри карточек; а также делать hero-секцию чистой, просторной, читаемой и видимой на маленьком ноутбуке.

leonxlnx official Дизайн

Что делает навык

Элитный навык преобразования изображений веб-сайтов в код для Codex. Для визуально значимых веб-задач он должен сначала самостоятельно сгенерировать изображение(я) дизайна, глубоко проанализировать их, а затем реализовать веб-сайт, максимально соответствующий им. В Codex он должен отдавать предпочтение крупным, читаемым изображениям, специфичным для каждой секции, вместо мелких сжатых досок; генерировать свежие автономные изображения для секций или детальных представлений вместо обрезки старых; избегать ленивой недогенерации; избегать интерфейсов с карточками внутри карточек внутри карточек; а также делать hero-секцию чистой, просторной, читаемой и видимой на маленьком ноутбуке.

Как подключить

1Скачать навык
# возьмите папку навыка «image-to-code» из репозитория: # https://github.com/leonxlnx/taste-skill
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r image-to-code/ ~/.claude/skills/image-to-code/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.