·design-guide
*

design-guide

Обеспечивает современный, профессиональный дизайн пользовательского интерфейса на SwiftUI, Android и веб-платформах. Используйте при создании ЛЮБЫХ компонентов пользовательского интерфейса, включая кнопки, формы, карточки, макеты, навигацию или полные экраны. Обеспечивает чистый минималистичный дизайн, нейтральные цветовые палитры с одним акцентным цветом, систему интервалов сетки 8 пикселей, правильную иерархию типографики и четкие интерактивные состояния. Всегда ссылайтесь на него перед созданием или изменением элементов пользовательского интерфейса.

28Установки·0Тренд·@mosif16

Установка

$npx skills add https://github.com/mosif16/codex-skills --skill design-guide

Как установить design-guide

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

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

Источник: mosif16/codex-skills.

Comprehensive design system ensuring every UI you build looks modern, professional, and consistent across all platforms (SwiftUI, Android Studio, web applications).

Spacing: 8, 16, 24, 32, 48, 64px Typography: 16px minimum body, max 2 fonts Colors: Neutral base + ONE accent Shadows: Subtle only Border radius: 6-12px most elements Interactive states: Always include hover, active, disabled, focus

Always reference this guide before creating any UI component. Consistency is key to professional design.

Обеспечивает современный, профессиональный дизайн пользовательского интерфейса на SwiftUI, Android и веб-платформах. Используйте при создании ЛЮБЫХ компонентов пользовательского интерфейса, включая кнопки, формы, карточки, макеты, навигацию или полные экраны. Обеспечивает чистый минималистичный дизайн, нейтральные цветовые палитры с одним акцентным цветом, систему интервалов сетки 8 пикселей, правильную иерархию типографики и четкие интерактивные состояния. Всегда ссылайтесь на него перед созданием или изменением элементов пользовательского интерфейса. Источник: mosif16/codex-skills.

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

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

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

Browse more skills from mosif16/codex-skills

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

Что такое design-guide?

Обеспечивает современный, профессиональный дизайн пользовательского интерфейса на SwiftUI, Android и веб-платформах. Используйте при создании ЛЮБЫХ компонентов пользовательского интерфейса, включая кнопки, формы, карточки, макеты, навигацию или полные экраны. Обеспечивает чистый минималистичный дизайн, нейтральные цветовые палитры с одним акцентным цветом, систему интервалов сетки 8 пикселей, правильную иерархию типографики и четкие интерактивные состояния. Всегда ссылайтесь на него перед созданием или изменением элементов пользовательского интерфейса. Источник: mosif16/codex-skills.

Как установить design-guide?

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

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

https://github.com/mosif16/codex-skills

Детали

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