create-design-system-rules — команда для Codex: правила Figma
Команда создаёт правила переноса макетов из Figma в код для конкретного проекта и готовит их для AGENTS.md. Пригодится перед разработкой интерфейса.
~/.codex/prompts/create-design-system-rules.mdЧто делает 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 этот формат помечен устаревшим, замена — скиллы
Вручную: положить файлы
.claude/commands/create-design-system-rules.mdВызов — /create-design-system-rules. Для всех проектов — ~/.claude/commands/
Вручную: положить файлы
.github/prompts/create-design-system-rules.prompt.mdВручную: положить файлы
.gemini/commands/create-design-system-rules.tomlGemini хранит команды в TOML: текст запроса — в поле prompt
Вопросы о 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. Она также использует подсказки о языке и фреймворке проекта.