huashu-flash — скилл
Скилл ускоряет сайт по методу из инженерного блога: замер, барьеры против регрессий, цикл мелких правок и парное сравнение.
- 112 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Скилл правит код сайта, делает коммиты и запускает замеры в браузере.
- Выкладку на сайт выполняют только после одобрения пользователя.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/huashu-flashОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Скилл правит код сайта, делает коммиты и запускает замеры в браузере.
- Выкладку на сайт выполняют только после одобрения пользователя.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
huashu-flash, он же «Молния», превращает метод из инженерной статьи Anthropic «How we made claude.ai 3x faster in two weeks» в восемь шагов, которые агент выполняет на вашем сайте. Шаги такие: написать стартовую заметку о главных страницах и о том, что считать готовностью; определить момент «открылось и можно пользоваться», исключив скелетоны и заглушки; снять базовые замеры в лаборатории с холодным кэшем, медленной сетью и p75 по десяти запускам, добавив данные реальных пользователей; поставить защиту от регрессий до правок кода; найти считаемый показатель и доказать его связь с ощущениями; идти циклом «одна правка, один коммит, нет ускорения, откат»; оставить человеку смелость, вкус и направление; сравнить версии парными замерами и согласовать выкладку. В папке `scripts` лежат `bench.py` для замеров (нужен Playwright) и `ratchet.py` для фиксации достигнутого.
Для кого. Владельцам сайтов и фронтенд-разработчикам, которые просят агента ускорить страницы и хотят защиту от регрессий и честное сравнение.
Подходит, если
- Сайт долго открывается, и нужно понять, на что уходит время первого экрана.
- Перед оптимизацией нужен набор проверок, чтобы ускорение не ломало дизайн и SEO.
- Нужно сравнить версии до и после правок попарно, чередуя запуски.
- Страницы тяжелые из-за больших картинок и скриптов, и их хочется убирать по одному коммиту.
Не подходит, если
- Нужна оптимизация серверной части или базы данных.
- На машине идут другие тяжелые задачи, и замеры в разные часы получатся несопоставимыми.
- Сайт нельзя менять без согласования, а человека для приемки нет.
Пример запроса к агенту
Ускорь страницу тарифов: напиши стартовую заметку, сними базовые замеры на холодном кэше и веди правки по одной с откатом при отсутствии выигрыша.Ограничения
Тексты скилла написаны по-китайски, поэтому агент должен переводить указания. Для `bench.py` нужен Playwright, который ставится через `pip install playwright`. Замеры с домашней машины через прокси искажают время до первого байта, поэтому перед измерением продакшена снимают показатель контрольного сайта. Бесплатные квоты хостингов на конвертацию изображений могут кончиться, поэтому картинки лучше готовить при сборке. Скилл не обещает десятикратного ускорения на любом сайте: результат зависит от того, что тормозит.
Как отключить. Удалите папку `huashu-flash` из каталога скиллов агента. Сделанные на сайте коммиты остаются в истории git.
Частые вопросы
Как поставить huashu-flash?
Командой `npx skills add alchaincyf/huashu-flash`. Можно также отдать ссылку на репозиторий Claude Code или Codex и попросить установить скилл.
Что такое «открылось и можно пользоваться»?
Момент, когда пользователь может работать со страницей. Скелетон и заглушки не считаются, поэтому метрику выбирают заранее вместе с агентом.
Зачем нужна «трещотка» ratchet?
Она записывает достигнутое значение в базовые показатели и допускает только улучшения: ухудшение не пройдет проверку.
Как сравнивают версии?
Парными замерами: два варианта запускаются поочередно, потому что при параллельной нагрузке на машине замеры в разное время недостоверны.
Кто принимает решение о выкладке?
Пользователь. Скилл оставляет человеку смелость, вкус и направление, а выкладку на сайт выполняют после вашего одобрения.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
Скиллы56 сниппетов на JavaScript для замеров веб-производительности: агент запускает их через навыки, MCP или CLI и разбирает результат
Скилл-методика воспроизведения сайтов: от статичной страницы до тяжелого WebGL, с упором на настоящий исходный код, а не на выдуманный агентом
Скилл /taste разбирает дизайн сайта по ссылке: токены, принципы с компромиссами и готовые правила для Cursor и Claude Code
Набор скиллов для аудита качества сайта: производительность, Core Web Vitals, доступность, SEO и лучшие практики по данным Lighthouse
Бесплатный скилл для Claude: пишет ТЗ, подбирает видео и 3D, собирает кинематографичный лендинг и проверяет его скриншотами
Скилл воссоздает интерфейс по сайту, скриншоту или записи экрана и оценивает копию по макету, стилю, пикселям и движению.
Коротко о README
В README есть замеры на четырех реальных сайтах: у двух выигрыш большой, у двух уже оптимизированных скромный. Список уже пройденных ловушек записан в скилл, чтобы агент не повторял их.
Бейдж для README
Исходный SKILL.md
--- name: huashu-flash description: 闪电.skill：照 Anthropic 两周把 claude.ai 提速3倍的方法给网站或 App 提速。定义「打开到能用」、测基线、找能数的指标并证明它跟体感挂钩，逐步优化，用棘轮锁住只许变好。说网站太慢、提速、性能优化、首屏、秒开时用。 metadata: author: "花叔" homepage: "https://github.com/alchaincyf" repository: "https://github.com/alchaincyf/huashu-flash" version: "1.0.0" --- # 闪电.skill · huashu-flash > 《疯狂动物城》车管所里那只树懒，名字叫「闪电」。你的网站可能也是。 ## 你是谁 你是那个性能频道里的 Claude，一个数字狂魔：任何能数出来的东西，你都能把它往下压。但你知道能数不等于该数，所以每个数字先证明自己跟用户的体感挂钩，再去爬它。 你交付的不是「感觉快了」，是一张前后对比表：同一口径、同一时段、交替配对测出来的 p75，外加一套只许变好的棘轮，保证这次赢下来的东西以后不会悄悄流失。 你也清楚自己的毛病：默认太保守。发现问题想先记成待办，估时往宽了报，一达标就想停。这里的规矩是，护栏够结实就大胆改，目标不是终点。 ## 这套方法从哪来 Anthropic 2026年9月的工程博客《How we made claude.ai 3x faster in two weeks》：两周、一个 Slack 频道、Claude 在每个讨论串里干活，合入3000多个改动，零线上事故零回滚，13项核心指标 p75 几何平均快3.1倍。原文：https://claude.dev/blog/how-we-made-claude-ai-faster/ 它的核心就一句：**只要 Claude 能把一件事量出来，它就能把这件事变快。** 测量以前是第零步（加埋点、等数据、再理解问题），现在是爬山的第一步。所以杠杆最高的事是找到更多能数的东西，并且确认你数的就是用户感受到的。 ## 八个步骤（按顺序，每步有产物） 所有产物放在项目里的 `perf/` 目录。 ### 1、写开工简报 先问用户，只问他才知道的： - 核心页面或核心操作是哪几个（拿不准就按流量排，能查统计就查） - 对每个操作，什么叫「能用」（能打字？能点主按钮？主要内容可见？） - 哪些东西不能动：视觉、功能、SEO 字段、第三方统计 - 目标：用户给了就用用户的；没给就定「打开到能用的 p75 降一半」 - 上线谁批准、怎么回滚 照 `references/brief-template.md` 写成 `perf/BRIEF.md`。 ### 2、定义「打开到能用」