·wireframe
*

wireframe

Создавайте каркасы и макеты пользовательского интерфейса, используя формат XML drawio с библиотеками компонентов пользовательского интерфейса для конкретной платформы. Лучше всего подходит для макетов веб-страниц, макетов мобильных приложений iOS/Android и проектов на основе Bootstrap. Создан на основе drawio с трафаретами, специфичными для макета. НЕ для простых блок-схем (используйте русалку) или визуализации данных (используйте вегу).

108Установки·13Тренд·@markdown-viewer

Установка

$npx skills add https://github.com/markdown-viewer/skills --skill wireframe

Как установить wireframe

Быстро установите AI-навык wireframe в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/markdown-viewer/skills --skill wireframe
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: markdown-viewer/skills.

Quick Start: Choose platform (Web/iOS/Android) → Add UI components from stencil library → Arrange in screen layout → Add navigation flows → Wrap in `drawio fence.

⚠️ IMPORTANT: Always use `drawio code fence. NEVER use `xml — it will NOT render as a diagram.

🔗 This is a drawio-derived skill. All structure, layout, and edge routing rules inherit from drawio SKILL.md. Read the base rules first.

Создавайте каркасы и макеты пользовательского интерфейса, используя формат XML drawio с библиотеками компонентов пользовательского интерфейса для конкретной платформы. Лучше всего подходит для макетов веб-страниц, макетов мобильных приложений iOS/Android и проектов на основе Bootstrap. Создан на основе drawio с трафаретами, специфичными для макета. НЕ для простых блок-схем (используйте русалку) или визуализации данных (используйте вегу). Источник: markdown-viewer/skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/markdown-viewer/skills --skill wireframe
Источник
markdown-viewer/skills
Категория
*Креатив
Проверено
Впервые замечено
2026-02-11
Обновлено
2026-03-10

Browse more skills from markdown-viewer/skills

Короткие ответы

Что такое wireframe?

Создавайте каркасы и макеты пользовательского интерфейса, используя формат XML drawio с библиотеками компонентов пользовательского интерфейса для конкретной платформы. Лучше всего подходит для макетов веб-страниц, макетов мобильных приложений iOS/Android и проектов на основе Bootstrap. Создан на основе drawio с трафаретами, специфичными для макета. НЕ для простых блок-схем (используйте русалку) или визуализации данных (используйте вегу). Источник: markdown-viewer/skills.

Как установить wireframe?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/markdown-viewer/skills --skill wireframe После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/markdown-viewer/skills

Детали

Категория
*Креатив
Источник
skills.sh
Впервые замечено
2026-02-11