html-anything — скилл
Сложные ответы, файлы, папки и выгрузки из сервисов агент оформляет страницей HTML с готовым стилем и проверкой в браузере
- 161 ★ репозитория
- Последний коммит
- MIT-0
Расширенный доступ
Почему такой уровень
- Читает файлы, папки и ссылки, которые вы указали, и открывает собранную страницу в браузере
- Выгрузки с личными данными попадают в HTML целиком, и страницу легко переслать вместе с ними
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/html-anythingОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Читает файлы, папки и ссылки, которые вы указали, и открывает собранную страницу в браузере
- Выгрузки с личными данными попадают в HTML целиком, и страницу легко переслать вместе с ними
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл html-anything решает, когда ответ стоит выдать страницей, и собирает самодостаточный файл `output.html`, а при картинках еще папку `assets/`. Короткие реплики остаются текстом. На входе могут быть тема, CSV, JSON, PDF, DOCX, лог, чат из мессенджера, папка с заметками, ссылка или выгрузка вроде заказов Amazon, подсветок Kindle и истории Spotify. Для 60 типов источников в `prompts/sources/` лежат отдельные промпты. Стиль агент выбирает сам из 17 систем: обучающая студия, дашборд, документ, таймлайн, карта мест, терминальный отчет и другие. Страницу он открывает в браузере и проверяет до выдачи. Если вы назвали источник, но файла нет, скилл сначала объясняет, как выгрузить данные. Скилл работает в Claude Code, Codex, Cursor, Cline, Windsurf и других агентах формата Agent Skills; для claude.ai есть архив с `SKILL.md` и папкой `prompts/`.
Для кого. Тем, кто просит у агента разбор отчета, лога или личной выгрузки и хочет получить страницу, которую можно открыть и переслать.
Подходит, если
- Получен PDF или DOCX на много страниц, и его надо превратить в читаемый разбор
- Выгрузка из банка, QuickBooks или Amazon лежит в CSV, и из нее нужен дашборд
- Лог CI или трассировка ошибки превращается в отчет, который читает вся команда
- Из экспорта чата в WeChat, Slack или Discord хочется собрать страницу с итогами переписки
- Объяснение темы для ученика удобнее подать как интерактивную студию вместо длинного ответа
Не подходит, если
- Ответ короткий и разговорный: скилл по замыслу оставляет такие реплики текстом
- Данные содержат медицинские или финансовые записи, и по ним нужен вердикт: страницы служат для порядка и обзора, не для консультации
- Нужна собственная дизайн-система бренда с точными токенами: стиль скилл подбирает из 17 готовых
Пример запроса к агенту
Вот выгрузка моих заказов Amazon за три года в CSV. Разбери ее и собери страницу, где видно траты по месяцам и категориямОграничения
- Страница может содержать исходные личные данные прямо в HTML, поэтому с ней нужно обращаться как с исходной выгрузкой.
- Для claude.ai нужен тариф Pro, Max, Team или Enterprise с включенным выполнением кода, и скиллы там не синхронизируются с Claude Code и API.
- ChatGPT и Gemini в браузере не поддерживаются, вместо них автор называет Codex CLI и Gemini CLI.
- Последний коммит репозитория сделан в мае 2026.
Как отключить. Удалите папку html-anything из каталога скиллов агента, например `~/.claude/skills/html-anything`. Для claude.ai скилл убирают в настройках на странице Skills. Готовые страницы остаются обычными HTML-файлами.
Частые вопросы
Как поставить html-anything в Claude Code?
Общий способ для большинства агентов — `npx skills add clockless-org/html-anything`. Для Claude Code автор также описывает клонирование репозитория в `~/.claude/skills/html-anything` и перезапуск, для Codex — в `$HOME/.codex/skills/html-anything`.
Нужно ли в запросе упоминать HTML?
Нет. Скилл сам определяет, что ответ стоит оформить страницей, достаточно спросить, например, «Что говорит история моих заказов обо мне?». Короткие вопросы остаются обычным текстом.
Что делать, если файла выгрузки еще нет?
Назовите источник, например историю Spotify или Google Photos Takeout. Скилл сначала покажет шаги экспорта, а страницу соберет после получения файла.
Какие входные данные принимает html-anything?
Тему, CSV, JSON, Markdown, PDF, DOCX, лог, экспорт чата, папку, ссылку или выгрузку сервиса. Для 60 типов источников есть отдельные промпты, а стиль выбирается из 17.
Можно ли открыть готовую страницу без интернета?
Страницы локальные и статичные: их открывают прямо в браузере или кладут на любой статичный хостинг. Когда нужны картинки, рядом с `output.html` лежит папка `assets/`, а при запросе «single-file» все собирается в один файл.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл верстает по шаблонам резюме, одностраничники, письма, отчеты и слайды в PDF, PNG и PPTX и проверяет результат скриптами до выдачи
Плагин с CLI и скиллами для Claude Code и Codex: HTML от агента уходит в личный архив на AWS, читается и с телефона.
Learn from materials
learn-from-materials
Скилл превращает книги, PDF, презентации и документы в проверяемую базу знаний и интерактивную учебную страницу с источниками, схемами и самопроверкой
CLI и скилл: агент публикует отчеты как HTML-документы, команда их комментирует, а каждая версия сохраняется
Скилл рисует по короткой JSON-спецификации анимированные диаграммы 45 типов и сохраняет их в HTML, SVG, PNG, GIF и MP4
Скилл-конвейер документов: что угодно в markdown, markdown в аккуратный html и docx уровня издательства, html обратно в markdown
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| html-anything (эта карточка) | нет | 161 | |
| Answer Me With HTML | нет | 5 711 | отвечает HTML-страницей со схемами, есть озвучка, но без разбора выгрузок по типам источников |
| Effective HTML | нет | 4 032 | шесть скиллов для вайрфреймов, прототипов и планов вместо общего маршрутизатора по источникам |
Коротко о README
README сразу показывает сравнение обычного ответа и страницы, затем галерею из одиннадцати демо по четырем сценариям. Дальше идут способы установки, правила автоматического выбора стиля, таблица сценариев с примерами источников и заметка для разработчиков о встроенном CLI.
Бейдж для README
Исходный SKILL.md
---
name: html-anything
description: Turn rich agent answers and any file, folder, URL, or export into a polished single-file HTML page. Auto-picks a default route plus 17 concrete design systems (teaching, dashboard, atlas, timeline-story, document, …).
version: 0.1.0
homepage: https://github.com/clockless-org/html-anything
when_to_use: User says "make a webpage", "create a teaching site", "make an interactive studio", "explore this object/system", "turn this into HTML", "visualize/analyze this", "make a dashboard/report/atlas", "make it beautiful/readable/shareable", gives a file/folder/URL to make browsable, names a data source they want exported and converted, or asks for a rich deliverable that would otherwise become a long Markdown answer.
metadata:
openclaw:
emoji: "🧩"
homepage: https://github.com/clockless-org/html-anything
---
# html-anything
You are the `html-anything` skill.
Your job is to turn **an idea, file, folder, URL, exported dataset, or rich
deliverable request** into a polished live HTML page the user can open, share,
or publish.
Do not present this as a parser, CLI, or internal pipeline. The user only
needs to understand:
- **Input**: an idea, file, folder, URL, or source they want help exporting.
- **Output**: a live HTML page, usually `output.html`, sometimes with an
`assets/` folder when generated images or local media are useful.
Everything else is your responsibility: source understanding, export
guidance, style choice, page design, asset generation, implementation,
browser verification, and final handoff.
Two constraints are non-negotiable:
1. **Style fidelity**: if a style is based on a reference design, reproduce
the reference's layout system, first viewport, component vocabulary,
typography roles, color/surface language, and motion grammar. Do not merely
borrow the mood.
2. **Final HTML compliance**: the delivered HTML must visibly and structurally
follow the selected style, not a generic html-anything report with different
colors.
## User-Facing Promise
Accept requests like:
- "Create an interactive teaching site about the solar system."
- "Turn my Amazon order history into a personal spending atlas."
- "Make this WhatsApp export into a relationship rhythm report."
- "Turn this transcript into a meeting scorecard."
- "Make this CSV into a dashboard I can share."