SKILLEMALL.ai
GitHub ↗ EN Войти

CF huashu-design

花叔Design (Huashu-Design) — интегрированная возможность создавать высокоточные прототипы в HTML, интерактивные демо, слайд-шоу, анимации, исследовать варианты дизайна + консультант по направлению дизайна + экспертная оценка. HTML — это инструмент, а не среда; в зависимости от задачи он воплощает разных специалистов (дизайнер UX / аниматор / дизайнер слайд-шоу / прототипист), избегая клише веб-дизайна. Триггерные слова: создать прототип, дизайн демо, интерактивный прототип, HTML-презентация, анимационное демо, варианты дизайна, hi-fi дизайн, UI mockup, prototype, исследование дизайна, создать HTML-страницу, создать визуализацию, прототип приложения, прототип iOS, mockup мобильного приложения, экспорт MP4, экспорт GIF, видео 60fps, стиль дизайна, направление дизайна, философия дизайна, цветовая схема, визуальный стиль, рекомендуемый стиль, выбрать стиль, сделать красиво, оценка, красиво ли это, review this design, анимация с пояснениями, поясняющее видео, видео с объяснением концепции, длинное видео-популяризатор, анимация с озвучкой, voiceover, narration, TTS + анимация, объяснить XX за 5 минут. **Основные возможности**: рабочий процесс Junior Designer (сначала предположение + обоснование + плейсхолдеры, затем итерация), список анти-AI-шлака, лучшие практики React + Babel, переключение вариантов Tweaks, презентация Speaker Notes, стартовые компоненты (шаблон слайд-шоу / холст вариантов / движок анимации / рамка устройства / сценарий озвучки), специальные правила для прототипов приложений (по умолчанию используются реальные изображения из Wikimedia/Met/Unsplash, каждый iPhone имеет менеджер состояния AppPhone с интерактивностью, перед сдачей выполняется тестирование Playwright по кликам), проверка Playwright, экспорт HTML-анимации в видео MP4/GIF (базовые 25fps + интерполяция 60fps + оптимизация палитры GIF + 6 фоновых музыкальных треков + автоматическое затухание), **пайплайн длинных анимированных видео с озвучкой** (голос человека от TTS от Doubao + timeline.json, сгенерированный по фактической длительности + сценарий озвучки, управляющий изображением + микширование с ducking → доставка в виде HTML-проигрывателя + двойной формат MP4 для публикации; железное правило: весь ролик — это непрерывное повествование в движении, переключение в стиле PowerPoint запрещено). **Запасной вариант при нечетких требованиях**: режим консультанта по направлению дизайна — из 5 направлений × 20 дизайнерских философий (например, информационная архитектура Pentagram / поэтика движения Field.io / восточный минимализм Kenya Hara / экспериментальный авангард Sagmeister и т. д.) рекомендуется 3 дифференцированных направления, демонстрируются 24 готовых примера (8 сценариев × 3 стиля), параллельно генерируются 3 визуальных демо для выбора пользователем. **Дополнительно после доставки**: экспертная оценка по 5 параметрам (соответствие философии / визуальная иерархия / исполнение деталей / функциональность / инновационность — по 10 баллов за каждый + список исправлений).

машинный переводПоказать оригиналСкрыть оригинал«花叔Design（Huashu-Design）——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的…»

花叔Design（Huashu-Design）——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介，根据任务embody不同专家（UX设计师/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、设计Demo、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、设计探索、做个HTML页面、做个可视化、app原型、iOS原型、移动应用mockup、导出MP4、导出GIF、60fps视频、设计风格、设计方向、设计哲学、配色方案、视觉风格、推荐风格、选个风格、做个好看的、评审、好不好看、review this design、带解说的动画、解说视频、概念解释视频、长视频科普、配音动画、voiceover、narration、TTS+动画、5分钟讲清楚什么是XX。**主干能力**：Junior Designer工作流（先给假设+reasoning+placeholder再迭代）、反AI slop清单、React+Babel最佳实践、Tweaks变体切换、Speaker Notes演示、Starter Components（幻灯片外壳/变体画布/动画引擎/设备边框/解说Stage）、App原型专属守则（默认从Wikimedia/Met/Unsplash取真图、每台iPhone包AppPhone状态管理器可交互、交付前跑Playwright点击测试）、Playwright验证、HTML动画→MP4/GIF视频导出（25fps基础 + 60fps插帧 + palette优化GIF + 6首场景化BGM + 自动fade）、**带解说的长动画pipeline**（豆包TTS生人声+实测时长生timeline.json+NarrationStage驱动画面+ducking混音→交付HTML实播+发布MP4双形态；铁律：整片是一个连续的运动叙事，禁PowerPoint切换）。**需求模糊时的Fallback**：设计方向顾问模式——从5流派×20种设计哲学（Pentagram信息建筑/Field.io运动诗学/Kenya Hara东方极简/Sagmeister实验先锋等）推荐3个差异化方向，展示24个预制showcase（8场景×3风格），并行生成3个视觉Demo让用户选。**交付后可选**：专家级5维度评审（哲学一致性/视觉层级/细节执行/功能性/创新性各打10分+修复清单）。

ClawHub Agent Skills автор: swang066 v1.0.0 MIT-0 80 файлов тело ≈ 8 502 токенов Открыть источникclawhub.ai↗ проанализирован 21 ч назад

花叔Design (Huashu-Design) — интегрированная возможность создавать высокоточные прототипы в HTML, интерактивные демо, слайд-шоу, анимации, исследовать варианты…

Как процесс F 34/100 · Не запустится — Скилл ссылается на файлы, которых нет в архиве: assets/<brand>-brand/logo.svg, assets/<brand>-brand/logo-white.svg, assets/<brand>-brand/product-hero.png

АнализаторPlaywrightGitHubFigmaYouTubeДизайнИИ и агентыМаркетингтип и темы размечены автоматически по тексту скилла
Запускается в: OpenClaw Claude / Claude Code ChatGPT / Codex Gemini CLI Cursor GitHub Copilot / VS Code Qwen Code Kimi Code CLI Z.ai (GLM) DeepSeek (Deep Code) Mistral Vibe LangChain (deepagents) Goose OpenCode
JSON
Технический рейтинг
C
67/100
безопасность, качество, тесты
Безопасность 60%
98
Качество 40%
20
Прогон на моделях
не было
Процессный рейтинг
F
34/100
Не запустится
Скилл ссылается на файлы, которых нет в архиве: assets/<brand>-brand/logo.svg, assets/<brand>-brand/logo-white.svg, assets/<brand>-brand/product-hero.png
Инструменты и файлы вес 18
0
Результат и критерий готовности вес 14
0
Входы и предусловия вес 11
0
три самых слабых из десяти параметров · все десять

Как улучшить

  1. Скажите в description, КОГДА применять скилл («используй, когда…», примеры запросов): это главный сигнал для агента.
  2. Сократите description до 1024 символов.
  3. Тело SKILL.md длиннее 5 000 токенов: вынесите справочные детали в references/ и подключайте по необходимости.
  4. В тексте есть ссылки на отсутствующие файлы: добавьте файлы или уберите ссылки.
Для прогона на моделях — необязательно
  • Свои кейсы (evals/evals.json, 4–6 реальных запросов с ожидаемыми ответами): тогда полная проверка прогонит именно их, а не черновик от модели.
  • spec.yaml с триггерными фразами и утверждениями — контракт поведения для CI; `skilltest init` создаст шаблон.

Находки guard · 2

✓ Критических и высоких находок нет

Средние и низкие: 2
  • низкая Секреты в коде secret-high-entropy-token references/react-setup.md:11
    Строка, похожая на токен (может быть id, хеш или секрет) (в кавычках — упоминание, а не команда)
    <script src="https://unpkg.com/re…@….3.1/umd/react-dom.development.js" integrity="sha3…L9t+IBXm…uAm" crossorigin="anonymous"></script>
    в кавычках
  • низкая Секреты в коде secret-high-entropy-token references/react-setup.md:190
    Строка, похожая на токен (может быть id, хеш или секрет) (в кавычках — упоминание, а не команда)
    <script src="https://unpkg.com/re…@….3.1/umd/react-dom.development.js" integrity="sha3…L9t+IBXm…uAm" crossorigin="anonymous"></script>
    в кавычках

Просканировано файлов: 80. Улики замаскированы. Пометки в серых чипах объясняют, почему серьёзность понижена.

По спецификации Agent Skills

  • ошибка description-long description 1079 символов, лимит 1024
  • предупреждение description-no-when description не говорит, КОГДА применять скилл (нет "use when / используй когда")
  • предупреждение body-long тело SKILL.md ≈ 8502 токенов (рекомендуется < 5000); вынесите детали в references/
  • предупреждение missing-ref ссылка на отсутствующий файл: assets/<brand>-brand/logo.svg
  • предупреждение missing-ref ссылка на отсутствующий файл: assets/<brand>-brand/logo-white.svg
  • предупреждение missing-ref ссылка на отсутствующий файл: assets/<brand>-brand/product-hero.png
  • предупреждение missing-ref ссылка на отсутствующий файл: assets/<brand>-brand/product-detail-1.png
  • предупреждение missing-ref ссылка на отсутствующий файл: assets/<brand>-brand/product-scene.png
  • предупреждение missing-ref ссылка на отсутствующий файл: assets/<brand>-brand/ui-home.png
  • предупреждение missing-ref ссылка на отсутствующий файл: assets/<brand>-brand/ui-feature-<name>.png
  • предупреждение missing-ref ссылка на отсутствующий файл: assets/showcases/website-*/
  • предупреждение missing-ref ссылка на отсутствующий файл: references/workflow.md
  • предупреждение missing-ref ссылка на отсутствующий файл: references/slide-decks.md
  • предупреждение missing-ref ссылка на отсутствующий файл: references/verification.md
  • предупреждение missing-ref ссылка на отсутствующий файл: scripts/render-video.js
  • предупреждение missing-ref ссылка на отсутствующий файл: scripts/convert-formats.sh
  • предупреждение missing-ref ссылка на отсутствующий файл: scripts/add-music.sh
  • предупреждение missing-ref ссылка на отсутствующий файл: assets/sfx/<category>/*.mp3
  • предупреждение missing-ref ссылка на отсутствующий файл: references/video-export.md
  • предупреждение missing-ref ссылка на отсутствующий файл: references/voiceover-pipeline.md
  • предупреждение missing-ref ссылка на отсутствующий файл: scripts/export_deck_pdf.mjs
  • предупреждение missing-ref ссылка на отсутствующий файл: scripts/export_deck_stage_pdf.mjs
  • предупреждение missing-ref ссылка на отсутствующий файл: scripts/export_deck_pptx.mjs
  • предупреждение missing-ref ссылка на отсутствующий файл: scripts/html2pptx.js
  • предупреждение missing-ref ссылка на отсутствующий файл: scripts/{tts-doubao,narrate-pipeline}.mjs
  • предупреждение missing-ref ссылка на отсутствующий файл: scripts/{mix-voiceover,render-narration}.sh
  • предупреждение missing-ref ссылка на отсутствующий файл: references/tweaks-system.md
  • предупреждение missing-ref ссылка на отсутствующий файл: scripts/verify.py
  • предупреждение missing-ref ссылка на отсутствующий файл: references/xxx.md
  • предупреждение missing-ref ссылка на отсутствующий файл: assets/xxx.jsx
  • предупреждение missing-ref ссылка на отсутствующий файл: scripts/xxx.sh

Процессный рейтинг: все десять параметров 34/100

Не запустится. Скилл ссылается на файлы, которых нет в архиве: assets/<brand>-brand/logo.svg, assets/<brand>-brand/logo-white.svg, assets/<brand>-brand/product-hero.png
  • 0Инструменты и файлы. Не хватает 28 файла(ов): assets/<brand>-brand/logo.svg, assets/<brand>-brand/logo-white.svg, assets/<brand>-brand/product-hero.png
  • 0Результат и критерий готовности. Не сказано, что считать результатом
  • 0Входы и предусловия. Не сказано, что нужно иметь на входе
  • 0Отчётность по ходу. Скилл ничего не сообщает по ходу работы
  • 20Когда включается. Не сказано, при каком запросе скилл включается
  • 30Повторный запуск. Изменяющих операций: 1, без проверки текущего состояния
  • 40Стоимость исполнения. Тело инструкции 8502 токенов: вытесняет саму задачу из окна
  • 50Ошибки и развилки. Развилок: 0, есть раздел про ошибки
  • 100Шаги. Шагов: 180
  • 100Согласованность. Имя и обязательные поля на месте
  • low Разделов верхнего уровня: 15. Похоже на несколько доменов в одном скилле
  • low Ответ описан самодельной разметкой (10 тегов): типизированный вызов надёжнее

Всё перечисленное измерено по тексту скилла, а не оценено моделью: цифры проверяемы. Вес параметра тем больше, чем чаще из-за него процесс встаёт.

Сигналы качества

  • +5В description нет примеров фраз, по которым скилл должен срабатывать
  • +4Описание не говорит, когда скилл НЕ применять (ложные срабатывания)
  • +3Длина description 1079: рекомендуется 120–800 символов
  • +3Формат ответа не описан: модель каждый раз решает сама
  • -5В тексте остались TODO / заглушки
  • -233 эмодзи в инструкциях: шум для модели
  • +2Инструкции на одном языке
  • +4Структура: 36 заголовков
  • +3Пошаговые инструкции: 180 пунктов
  • +4Есть примеры (10 блоков кода)
  • +4Справочные файлы упоминаются в инструкциях (16 из 17)
  • +1Лицензия указана

База качества 70; замечания lint вычитаются, сигналы прибавляют до 100. Итог: 20.

Внешние проверки

ClawHub: clean
This skill is a coherent design-production workflow with disclosed network, file-generation, and optional API/TTS behavior, but no evidence of hidden exfiltration, destructive actions, or deception.
LLM: benign (high) · VirusTotal: · 28 мая 2026 г.