К основному содержанию
команда CX Codex GP ChatGPT официальный · OpenAI

create-design-system-rules — команда для Codex: правила Figma

Команда создаёт правила переноса макетов из Figma в код для конкретного проекта и готовит их для AGENTS.md. Пригодится перед разработкой интерфейса.

Установить в Codex · Вручную: положить файлы Все способы и платформы ↓
~/.codex/prompts/create-design-system-rules.md
Открыть на GitHub

Что делает create-design-system-rules

Команда проверяет доступ к Figma MCP, затем вызывает инструмент create_design_system_rules с подсказками о языке и фреймворке проекта. После этого она изучает репозиторий: ищет пути компонентов, токены, правила именования и способ стилизации.

На выходе получаются готовые к вставке правила и короткий план проверки. В документе должны быть явные пути к компонентам и токенам, а жёсткие ограничения помечаются как IMPORTANT отдельно от предпочтений. Команда также задаёт точный заголовок секции для AGENTS.md.

Без доступа к Figma MCP команда не сможет выполнить первый шаг и вызвать create_design_system_rules. Файл команды для Codex размещается по пути ~/.codex/prompts/create-design-system-rules.md.

Какие задачи решает

  • сформировать правила Figma-to-code для репозитория
  • найти пути компонентов и токенов в проекте
  • разделить обязательные ограничения и предпочтения
  • подготовить секцию для AGENTS.md
  • составить план проверки правил

Примеры запросов агенту

  • Запусти /create-design-system-rules для этого репозитория и учти TypeScript и React.
  • Проверь доступ к Figma MCP, найди пути компонентов и токенов, затем подготовь правила для AGENTS.md.
  • Сформируй правила переноса макетов из Figma в код и отдельно пометь ограничения IMPORTANT.

Как установить create-design-system-rules

Вручную: положить файлы

~/.codex/prompts/create-design-system-rules.md

Вызов — /prompts:create-design-system-rules. В Codex этот формат помечен устаревшим, замена — скиллы

Вопросы о create-design-system-rules

Как установить create-design-system-rules в Codex?

Разместите файл команды по пути ~/.codex/prompts/create-design-system-rules.md.

Что делает create-design-system-rules?

Команда обращается к Figma MCP, анализирует структуру репозитория и готовит правила Figma-to-code для AGENTS.md вместе с планом проверки.

Что нужно для работы create-design-system-rules?

Команде нужен доступ к Figma MCP, потому что через него вызывается инструмент create_design_system_rules. Она также использует подсказки о языке и фреймворке проекта.

Похожие слэш-команды

Все слэш-команды по теме «Дизайн» →

Из того же набора528

Весь набор →
mixpanel-auth Скилл для Codex, который ведёт учётные записи Mixpanel: проверяет сессию, добавляет аккаунты, запускает OAuth и переключает проекты. CX Codex GP ChatGPT ★ 7 604звёзд репо magicpath Скилл подключает агента к платформе MagicPath: ищет компоненты на канвасе, ставит их в проект и правит кодом. Пригодится, если дизайн живёт в MagicPath, а приложение — в репозитории. CX Codex GP ChatGPT ★ 7 604звёзд репо review-design-parity Сравнивает реализованный интерфейс с макетом Figma и перечисляет расхождения по вёрстке, токенам и поведению. Пригодится перед сдачей экрана. CX Codex GP ChatGPT ★ 7 604звёзд репо implement-from-figma Команда переносит фреймы и компоненты из макетов Figma прямо в код проекта. Она скачивает графику и сверяет вёрстку с дизайном. CX Codex GP ChatGPT ★ 7 604звёзд репо connect-figma-components Создаёт и обновляет шаблоны Figma Code Connect для компонентов: находит узлы по ссылке и сопоставляет их с кодом проекта. CX Codex GP ChatGPT ★ 7 604звёзд репо design-system-rules-agent Субагент собирает правила переноса макетов Figma в код и складывает их в AGENTS.md, чтобы следующие реализации шли по одним и тем же конвенциям. CX Codex GP ChatGPT ★ 7 604звёзд репо setup-codex-run-actions Добавляет в панель действий Codex кнопку Run для текущего Expo-проекта и, если нужно, кнопки для iOS, Android и веба. CX Codex GP ChatGPT ★ 7 604звёзд репо organize-dropbox-folder Скилл помогает разложить файлы и папки Dropbox по новой структуре через создание папок, копирование и перемещение. Перед изменениями он готовит план. CX Codex GP ChatGPT ★ 7 604звёзд репо

Спонсоры проекта

Компании, которые помогают держать аналитику открытой