platform-design — скилл для Claude Code: что делает и как установить
Добавляет в агент 300+ правил из Apple HIG, Material Design 3 и WCAG 2.2 для вёрстки и проектирования общих интерфейсов под iOS, Android и веб.
npx skills add nexu-io/open-design --skill platform-design -a claude-codeЧто делает platform-design
Скилл подключает базу из более чем 300 правил для кроссплатформенных приложений. Он объединяет требования Apple Human Interface Guidelines, спецификацию Material Design 3 и критерии доступности WCAG 2.2, чтобы агент сверял дизайн сразу под iOS, Android и веб.
В репозитории nexu-io/open-design этот файл служит каталожной записью, чтобы агент находил скилл на этапе планирования. Полный набор исходных скриптов, ассетов и справок находится в апстрим-репозитории ehmo/platform-design-skills, откуда и взяты материалы.
Это полезная сверка перед релизом: если в проекте единая кодовая база, агент подскажет, где элементы интерфейса нарушают гайдлайны конкретной системы.
Какие задачи решает
- проверить интерфейс на соответствие Apple HIG и Material Design 3
- учесть стандарты доступности WCAG 2.2 при вёрстке компонентов
- адаптировать единый макет под ограничения iOS, Android и веба
- найти расхождения с системными гайдлайнами платформ
Примеры запросов агенту
- Проверь этот экран на соответствие hig rules и material design
- Запусти platform-design для проверки доступности формы по wcag rules
- Сделай cross platform design для карточки товара под iOS и Android
Как установить platform-design
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill platform-design -a claude-code2Вручную: положить файлы
~/.claude/skills/platform-design/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/platform-design/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill platform-design -a codex2Вручную: положить файлы
.agents/skills/platform-design/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill platform-design -a cursor2Вручную: положить файлы
.cursor/skills/platform-design/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install nexu-io/open-design platform-design2Вручную: положить файлы
.github/skills/platform-design/SKILL.md1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill platform-design -a gemini-cli2Командой платформы
gemini skills install https://github.com/nexu-io/open-design --path skills/platform-designВручную: положить файлы
.devin/skills/platform-design/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill platform-design -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Из того же набора39
Весь набор →Похожие
Вопросы о platform-design
Как установить platform-design в Claude Code?
Выполните в терминале команду npx skills add nexu-io/open-design --skill platform-design -a claude-code. Также файл скилла можно положить напрямую в ~/.claude/skills/platform-design/SKILL.md.
Что делает скилл platform-design?
Он предоставляет агенту свыше 300 правил проектирования из Apple HIG, Material Design 3 и WCAG 2.2. Это помогает создавать согласованные интерфейсы для iOS, Android и веба.
Откуда взяты правила дизайна?
База правил собрана автором @ehmo в апстрим-проекте ehmo/platform-design-skills. Репозиторий nexu-io/open-design регистрирует навык в категории дизайн-систем OpenDesign.
Исходный текст
SKILL.md · Apache-2.0
--- name: platform-design description: | 300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps. Useful when shipping a single design across iOS, Android, and the web. triggers: - "platform design" - "cross platform design" - "material design" - "hig rules" - "wcag rules" od: mode: design-system category: design-systems upstream: "https://github.com/ehmo/platform-design-skills" --- # platform-design > Curated from @ehmo. ## What it does 300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps. Useful when shipping a single design across iOS, Android, and the web. ## Source - Upstream: https://github.com/ehmo/platform-design-skills - Category: `design-systems` ## How to use This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory: ```bash # Inspect the upstream README for exact paths open https://github.com/ehmo/platform-design-skills ``` Then ask the agent to invoke this skill by name (`platform-design`) or with one of the trigger phrases listed in this skill's frontmatter.
© nexu-io · Apache-2.0 · nexu-io/open-design