LSF Website Design — скилл
Скилл на китайском для сайтов: изучает образцы, делает верстку и анимацию, проверяет в браузере и оценивает.
- 64 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Скилл запускает реальный браузер и пишет файлы сайта в проект.
- Для работы подключаются сторонние скиллы и браузер.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/lsf-website-designОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Скилл запускает реальный браузер и пишет файлы сайта в проект.
- Для работы подключаются сторонние скиллы и браузер.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
LSF Website Design ведет агента по полному циклу веб-дизайна: изучение сайтов-образцов, разработка верстки и анимации, проверка в настоящем браузере, независимая оценка результата. Агент сам определяет один из семи базовых режимов (A, B, C, D, F, G, H): создание по образцу, оригинальный поиск идеи, поиск образцов, восстановление промпта по сайту и оценка готовой страницы. В режиме образца агент сначала измеряет шесть типов поведения оригинала и фиксирует их, затем собирает страницу заново: тема, картинки, тексты и взаимодействия переосмысляются под новую задачу. Правила, шаблоны и скрипты подгружаются под задачу, а не целиком. Для работы нужны три бесплатных компонента: скилл `lsf-ai-agent` для распределения по моделям, скилл `ego-browser` и браузер Ego Lite. В репозитории есть примеры работ на Claude Opus 5.5, GPT 6 Pro и DeepSeek V4.1 Flash.
Для кого. Веб-дизайнерам и разработчикам, читающим по-китайски, которым нужны сайты с продуманной анимацией и проверкой в реальном браузере.
Подходит, если
- Нужен сайт-витрина города или бренда по образцу понравившегося ресурса.
- Готовую страницу требуется оценить по визуалу и взаимодействиям без правки кода.
- Из чужого сайта надо вывести полный промпт для создания похожего.
- Для первой версии используется сильная модель, а для доработок дешевая.
Не подходит, если
- Нужен готовый шаблон без анализа образцов.
- Документация и примеры на китайском вам недоступны.
- Нет возможности поставить браузер Ego Lite и смежные скиллы.
Пример запроса к агенту
Используй $lsf-website-design: проанализируй этот сайт и выведи полный промпт для создания похожего, код не пиши.Ограничения
Документация и правила написаны по-китайски, версия скилла 34. Без трех бесплатных компонентов (`lsf-ai-agent`, `ego-browser`, браузер Ego Lite) основной цикл недоступен. Установка требует отдельного подтверждения. Аккаунты, квоты и подписки на модели оплачиваются по условиям их владельцев. Режим создания по образцу воспроизводит дизайн чужого сайта: права на оформление, картинки и тексты проверяет пользователь. Автор не получил единых подсказок и параметров для сравнения с версией без скилла, поэтому примеры служат показом работ, а не доказательством.
Как отключить. Удалите папку `~/.agents/skills/lsf-website-design` (в Windows `%USERPROFILE%\.agents\skills\lsf-website-design`). Смежные скиллы и браузер Ego Lite удаляются отдельно.
Частые вопросы
Как вызвать скилл?
Назовите его в запросе: `$lsf-website-design`. В хостах без такого синтаксиса попросите прочитать `SKILL.md` скилла.
Какие режимы есть?
Семь: A, B, C, D, F, G и H. Агент выбирает сам, например создание по образцу, оригинальное исследование, поиск образцов, реверс-промпт и оценка готового.
Что нужно поставить дополнительно?
Скилл `lsf-ai-agent`, скилл `ego-browser` и браузер Ego Lite. Они бесплатны, а модели оплачиваются по условиям их владельцев.
Какие модели рекомендует автор?
Для первой версии Claude Opus 5.5, GPT 6 Ultra или GPT 6 Pro. Вариант DeepSeek V4.1 Flash назван заменой, Kimi K3.1 пока не проверен.
Можно ли только оценить страницу?
Да, попросите оценку без правок: «оцени визуал и взаимодействия, код не менять». Агент выберет режим оценки.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл Claude Code и других агентов для сборки сайтов, где режиссура задается до кода: арт-дирекшн, генерация ассетов локальными CLI и проверка анти-слоп линтеро
Скилл /taste разбирает дизайн сайта по ссылке: токены, принципы с компромиссами и готовые правила для Cursor и Claude Code
Скилл дизайна веб-страниц для Claude Code: сначала спецификация DESIGN.md, потом код по ней
design-to-code — сайт из изображения дизайна
design-to-code
Скилл превращает скриншот, макет, кадр Figma или живую страницу в адаптивный сайт и сверяет результат с дизайном
Бесплатный скилл для Claude: пишет ТЗ, подбирает видео и 3D, собирает кинематографичный лендинг и проверяет его скриншотами
От сайта с редакторским дизайном до сравнения моделей и вики в Feishu: шесть независимых скиллов для разных рабочих задач.
Коротко о README
Скилл целиком ведет работу над сайтом: образцы, версия, проверка в реальном браузере и оценка. Примеры сделаны разными моделями, а документация китайская.