Personal Homepage Skill
Скилл с шаблонами: агент собирает личную страницу, портфолио или HTML-презентацию 16:9 по образцу автора, без выдуманных метрик.
- 362 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Скилл создает файлы страниц и запускает локальные проверки; внешних сервисов не использует.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/personal-homepage-skillОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл создает файлы страниц и запускает локальные проверки; внешних сервисов не использует.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл ведет агента по двум отдельным сценариям. В режиме страницы он делает адаптивный сайт: личную страницу, портфолио, резюме или витрину проектов. В режиме презентации собирает HTML-слайды 16:9 с постраничным показом, заметками и отдельным окном докладчика. Сначала агент выясняет, кто автор и что нужно показать, затем идет за образцом пользователя. Шаблоны подключаются, если направление не задано: 18 стилевых превью, полный шаблон Hero, одиночный HTML и React с Tailwind. Готовый файл редактируют в браузере и сохраняют повторно.
Для кого. Дизайнерам, разработчикам и авторам, которым нужна личная страница или презентация и не нужны одинаковые шаблонные макеты с фиолетовыми градиентами.
Подходит, если
- Нужна страница-визитка или портфолио с реальными проектами, скриншотами и ссылками.
- Образец дан скриншотом или ссылкой, и агенту нужно повторить его направление, а не подобрать свое.
- Выступление требует HTML-презентации 16:9 с заметками и окном докладчика.
- Страница должна нормально выглядеть с китайскими и другими CJK-шрифтами.
Не подходит, если
- Нужен многостраничный сайт с бэкендом, формами и админкой: скилл делает витрину.
- Содержимого нет: имя, проекты и факты автору придется дать самому, выдумывать их запрещено.
- Страницу собирают в визуальном редакторе вроде Figma, без кода.
Пример запроса к агенту
Собери мое портфолио по этим трем проектам и скриншотам: одна страница, тон спокойный, без выдуманных отзывов и цифр.Ограничения
Документация написана по-китайски и по-английски, часть материалов, включая правила шрифтов, ориентирована на CJK. 18 стилей — это превью, а не 18 готовых сайтов или презентаций: полным шаблоном служит только Hero. Для галереи шаблонов нужны Node.js и `npm install`, проверки идут командой `npm run check`. Последний коммит сделан в сентябре 2026 года, лицензия GitHub не распознана. Скилл не подменяет контент: пропущенные факты он помечает вместо выдумывания.
Как отключить. Удалите папку `personal-homepage-skill` из каталога скиллов, например из `.claude/skills/`. Уже созданные страницы и презентации остаются обычными файлами проекта.
Частые вопросы
Как установить скилл?
Положите папку в совместимый каталог скиллов, например `.claude/skills/personal-homepage-skill/`. После этого попросите агента сделать страницу или презентацию.
Чем отличаются режимы?
Страница получает непрерывную адаптивную верстку, презентация фиксированный кадр 16:9 с постраничным показом и заметками. Если нужны оба результата, агент делает два отдельных файла.
Как посмотреть шаблоны?
Выполните `npm install`, затем `npm run dev`: откроется интерактивная галерея. Статический пример лежит в `demo/template-gallery.html`.
Как получить переносимую страницу?
Команда `npm run build:hero-portable` собирает `templates/hero/portable/`, где `index.html` открывается двойным щелчком. Для передачи отправьте всю папку или ZIP.
Что проверяет npm run check?
Ссылки в документации, индекс шаблонов и сборку. Расширенная проверка `npm run check:all` добавляет тесты браузера и общего кода.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыHTML Presentation собирает из речи или сценария промпт, по которому агент делает HTML-презентацию 16:9 для видео.
Сложные ответы, файлы, папки и выгрузки из сервисов агент оформляет страницей HTML с готовым стилем и проверкой в браузере
Скилл и CLI: единый HTML-файл без зависимостей, с токенами shadcn, семью макетами, графиками на SVG и самопроверкой агента
Двенадцать скиллов, по которым агент собирает однофайловые HTML-анимации: слайды, схемы протоколов, архитектурные диаграммы и демо для записи экрана
Скиллы против шаблонных интерфейсов: сетка, типографика, анимация и отступы, плюс генерация референсов для веба и мобильных
Набор из шести скиллов, которые собирают самодостаточные HTML-артефакты: вайрфреймы, прототипы, макеты, планы и диаграммы
Коротко о README
Проект состоит из скилла, рабочих процессов для страницы и презентации, галереи шаблонов на React и Tailwind и статических проверок. Ядро лежит в `SKILL.md`, который только распознает задачу и подгружает нужный процесс.