BF huo15-openclaw-frontend-design
Высококачественный веб-интерфейс / мобильные H5 / iOS / Android / HarmonyOS / WeChat + Alipay + Douyin + Kuaishou — нативные стили для всех четырех платформ мини-приложений. Прототипы с смелым эстетическим направлением, строгие ограничения против «AI Slop», систематизированные токены дизайна 8 направлений (включая анимацию) (экспорт в CSS vars / Tailwind / Figma) + параллельное сравнение нескольких направлений + автоматический аудит доступности WCAG 2.2 AA + токены анимации + патчи по микротрендам 2026 (Editorial Tech / Spatial Web / AI-Backlash / Brutalist 2026). Используется для создания веб-сайтов, целевых страниц, панелей управления, мобильных приложений, мини-приложений (четыре платформы), компонентов React/Vue, HTML-плакатов, страниц с описанием продуктов, инфографики, дизайн-систем, страниц соответствия требованиям доступности, систем анимации. Включает 6 основных эстетических направлений + 4 микротренда 2026 года + подмножество мини-приложений, 15 строгих ограничений, два этапа рендеринга для Junior/Full, токены дизайна (цвет / типографика / отступы / скругление / тени / анимация); приоритет самопроверки Claude в Chrome MCP + многопутевое резервирование + аудит axe-core / Lighthouse a11y; сравнение направлений и интеграция с design-director v3.x. Триггеры: сделать сайт, сделать целевую страницу, сделать UI, сделать приложение, сделать H5, сделать мини-приложение, сделать дизайн-систему, design tokens, сделать анимацию, motion tokens, wxml, axml, ttml, ksml, сделать компонент, HTML-прототип, дизайн страницы, дизайн мобильного приложения, фронтенд-дизайн, сделать плакат, сделать страницу описания, стиль iOS, стиль Android, стиль HarmonyOS, мини-приложение WeChat, мини-приложение Alipay, мини-приложение Douyin, мини-приложение Kuaishou, сравнить несколько направлений, предложить стиль, доступность, a11y, WCAG, аудит Lighthouse, длительность анимации, easing, функция замедления, Editorial Tech, Spatial Web, AI-Backlash, Brutalist 2026, микротренды 2026.
машинный переводПоказать оригиналСкрыть оригинал«高保真 Web UI / 移动 H5 / iOS / Android / HarmonyOS / 微信 + 支付宝 + 抖音 + 快手 四端…»
高保真 Web UI / 移动 H5 / iOS / Android / HarmonyOS / 微信 + 支付宝 + 抖音 + 快手 四端小程序 原生风格原型 + 大胆美学方向 + 反 AI Slop 硬红线 + 8 流派 design tokens（含 motion）系统化（CSS vars / Tailwind / Figma 三导出） + 多流派并行对比 + WCAG 2.2 AA 无障碍自动审计 + 动效 tokens + 2026 微趋势补丁（Editorial Tech / Spatial Web / AI-Backlash / Brutalist 2026）。用于构建网站、落地页、仪表盘、APP 移动端、小程序（四端）、React/Vue 组件、HTML 海报、产品详情页、信息图、设计系统、无障碍合规页面、动效系统。配套 6 大美学流派 + 4 条 2026 微趋势 + 小程序子集、15 条硬红线、Junior/Full 两趟渲染、design tokens（color / typography / spacing / radius / shadow / motion）；自验证 Claude in Chrome MCP 优先 + 多路线 fallback + axe-core / Lighthouse a11y 审计；多流派对比与 design-director v3.x 联动。触发词：做网站、做落地页、做 UI、做 APP、做 H5、做小程序、做设计系统、design tokens、做动效、motion tokens、wxml、axml、ttml、ksml、做组件、HTML 原型、页面设计、移动端设计、前端设计、做海报、做详情页、iOS 风格、安卓风格、鸿蒙风格、微信小程序、支付宝小程序、抖音小程序、快手小程序、几个方向对比、风格提案、无障碍、a11y、WCAG、Lighthouse 审计、动画时长、easing、缓动函数、Editorial Tech、Spatial Web、AI-Backlash、Brutalist 2026、2026 微趋势。
Высококачественный веб-интерфейс / мобильные H5 / iOS / Android / HarmonyOS / WeChat + Alipay + Douyin + Kuaishou — нативные стили для всех четырех платформ…
Как процесс F 36/100 · Не запустится — Скилл ссылается на файлы, которых нет в архиве: ../huo15-openclaw-design-director/SKILL.md, examples/<流派>/index.html, examples/mobile-native/{ios,md3,harmony}/index.html
Как улучшить
- Скажите в description, КОГДА применять скилл («используй, когда…», примеры запросов): это главный сигнал для агента.
- Тело SKILL.md длиннее 5 000 токенов: вынесите справочные детали в references/ и подключайте по необходимости.
- В тексте есть ссылки на отсутствующие файлы: добавьте файлы или уберите ссылки.
- Свои кейсы (evals/evals.json, 4–6 реальных запросов с ожидаемыми ответами): тогда полная проверка прогонит именно их, а не черновик от модели.
- spec.yaml с триггерными фразами и утверждениями — контракт поведения для CI; `skilltest init` создаст шаблон.
Находки guard · 0
✓ Критических и высоких находок нет
Просканировано файлов: 53. Улики замаскированы. Пометки в серых чипах объясняют, почему серьёзность понижена.
По спецификации Agent Skills
- предупреждение
description-no-whendescription не говорит, КОГДА применять скилл (нет "use when / используй когда") - предупреждение
body-longтело SKILL.md ≈ 5993 токенов (рекомендуется < 5000); вынесите детали в references/ - предупреждение
missing-refссылка на отсутствующий файл: ../huo15-openclaw-design-director/SKILL.md - предупреждение
missing-refссылка на отсутствующий файл: examples/<流派>/index.html - предупреждение
missing-refссылка на отсутствующий файл: examples/mobile-native/{ios,md3,harmony}/index.html - заметка
frontmatter-keyнеизвестное поле фронтматтера "displayName" - заметка
frontmatter-keyнеизвестное поле фронтматтера "aliases"
Процессный рейтинг: все десять параметров 36/100
- 0Инструменты и файлы. Не хватает 3 файла(ов): ../huo15-openclaw-design-director/SKILL.md, examples/<流派>/index.html, examples/mobile-native/{ios,md3,harmony}/index.html
- 0Результат и критерий готовности. Не сказано, что считать результатом
- 0Входы и предусловия. Не сказано, что нужно иметь на входе
- 0Отчётность по ходу. Скилл ничего не сообщает по ходу работы
- 20Когда включается. Не сказано, при каком запросе скилл включается
- 30Повторный запуск. Изменяющих операций: 1, без проверки текущего состояния
- 50Ошибки и развилки. Развилок: 0, есть раздел про ошибки
- 70Стоимость исполнения. Тело инструкции 5993 токенов
- 100Шаги. Шагов: 160
- 100Согласованность. Имя и обязательные поля на месте
- low Разделов верхнего уровня: 11. Похоже на несколько доменов в одном скилле
- low Ответ описан самодельной разметкой (8 тегов): типизированный вызов надёжнее
Всё перечисленное измерено по тексту скилла, а не оценено моделью: цифры проверяемы. Вес параметра тем больше, чем чаще из-за него процесс встаёт.
Сигналы качества
- +5В description нет примеров фраз, по которым скилл должен срабатывать
- +4Описание не говорит, когда скилл НЕ применять (ложные срабатывания)
- +3Длина description 898: рекомендуется 120–800 символов
- +3Формат ответа не описан: модель каждый раз решает сама
- -5В тексте остались TODO / заглушки
- -230 эмодзи в инструкциях: шум для модели
- +2Инструкции на одном языке
- +4Структура: 30 заголовков
- +3Пошаговые инструкции: 160 пунктов
- +4Есть примеры (1 блоков кода)
- +4Справочные файлы упоминаются в инструкциях (6 из 6)
- +1Лицензия указана
База качества 70; замечания lint вычитаются, сигналы прибавляют до 100. Итог: 43.