Локализованное руководство по чтению
figma-create-design-system-rulesНазначение, использование и источник
Генерирует пользовательские правила системы проектирования для кодовой базы пользователя. Используется, когда пользователь запрашивает «создать правила системы проектирования», «сгенерировать правила для моего проекта», «настроить правила проектирования», «настроить рекомендации системы проектирования» или хочет установить специфические для проекта соглашения для рабочих процессов Figma-to-code. Требуется подключение к серверу Figma MCP.
Источник получен:
- Репозиторий-источник
- openai/skills
- SKILL.md
skills/.curated/figma-create-design-system-rules/SKILL.md- Звёзды репозитория
- 28,420
- Последнее обновление репозитория
- 2026-10-29
- Категории Skills
- Дизайн
- Время последнего сбора
Лицензия: Не указано
Приведенные фрагменты описания рабочих процессов являются вспомогательными средствами для чтения, а не исполняемыми инструкциями от Codez. Для создания этой страницы не использовались сторонние инструменты.
Приведённые ниже фрагменты, описывающие цели и рабочие процессы, представляют собой исходный материал, систематизированный и переведённый для удобства чтения. Они отличаются от отдельно обозначенного редакционного анализа Codez.
Что делает этот навык
Генерирует пользовательские правила системы проектирования для кодовой базы пользователя. Используется, когда пользователь запрашивает «создать правила системы проектирования», «сгенерировать правила для моего проекта», «настроить правила проектирования», «настроить рекомендации системы проектирования» или хочет установить специфические для проекта соглашения для рабочих процессов Figma-to-code. Требуется подключение к серверу Figma MCP.
Как работает рабочий процесс на вышестоящем уровне
Необходимый рабочий процесс
Выполняйте эти шаги по порядку. Не пропускайте ни одного шага.
проход вверх по течению · L49 ↗Обзор
Этот навык помогает создавать пользовательские правила системы проектирования, адаптированные к конкретным потребностям вашего проекта. Эти правила направляют агентов ИИ в процессе кодирования для создания согласованного и высококачественного кода при реализации проектов Figma, гарантируя автоматическое соблюдение соглашений вашей команды, шаблонов компонентов и архитектурных решений.
проход вверх по течению · L8 ↗Когда использовать этот навык
Используйте этот навык, когда: запускаете новый проект, в котором будут использоваться дизайны Figma; внедряете ИИ-агента в существующий проект с устоявшимися шаблонами; стандартизируете рабочие процессы Figma-to-code в вашей команде.
проход вверх по течению · L39 ↗- IMPORTANT: Always use components from `[YOUR_PATH]` when possible
- Place new UI components in `[COMPONENT_DIRECTORY]`
- Follow `[NAMING_CONVENTION]` for component names
- Components must export as `[EXPORT_PATTERN]`Требования и настройка
Предварительные требования
Сервер Figma MCP должен быть подключен и доступен. Необходимо наличие доступа к кодовой базе проекта для анализа.
проход вверх по течению · L33 ↗Ограничения и проверки качества
Используйте IMPORTANT для обозначения критически важных правил.
Чтобы агент уделил им приоритетное внимание, добавьте префикс "IMPORTANT:" к правилам, которые ни в коем случае нельзя нарушать.
проход вверх по течению · L452 ↗Начните с безопасного пробного периода.
- Проверьте поддерживаемый хост и инструкции по установке репозитория. Храните каталог Skill, а также связанные с ним скрипты, ресурсы и документацию вместе;SKILL.mdВ одиночку можно опустить зависимости.
- Предоставьте агенту ваши реальные входные данные, желаемый результат и критерии приемки. Синтаксис вызова и доступные инструменты зависят от хоста; данный сайт не предполагает универсальной команды установки.
- Попробуйте запустить исходный рабочий процесс в тестовом проекте или в его копии. Перед тем как разрешить операции, изменяющие файлы, удаленные сервисы или оплачиваемые ресурсы, проверьте их.
- Проверьте выходные данные на соответствие исходным проверкам качества и вашим собственным требованиям. Успешный запуск или большое количество звезд в репозитории не гарантируют корректного результата.
Подробнее читайте в источнике.
- Обзор
- Что такое правила проектирования систем?
- Предварительные требования
- Когда использовать этот навык
- Необходимый рабочий процесс
- Шаг1Запустите инструмент «Создать правила проектной системы».
- Шаг2: Анализ кодовой базы
- Шаг3: Создание правил, специфичных для проекта
- Шаг4Сохраните правила в соответствующий файл правил.
- Шаг5Проверка и итерация
- Основные правила (всегда включайте)
- Рекомендуемые правила (очень ценные)
- Дополнительные правила (специфичные для проекта)
- Пример1Проект React + Tailwind
- Пример2Проект на Vue + пользовательский CSS
- Пример3Команда разработчиков проектной системы
- Начните с простого, постепенно совершенствуйтесь.
- Будьте конкретны.
- Сделайте правила действенными.
- Используйте IMPORTANT для обозначения критически важных правил.
- Задокументируйте причину
- Проблема: Агент не соблюдает правила.
- Проблема: Правила противоречат друг другу.
- Проблема: Слишком много правил увеличивает задержку.
- Проблема: Правила устаревают по мере развития проекта.
- Понимание правил проектирования систем
- Дополнительные ресурсы
Смежные навыки
Перевод и сфера применения
В этом руководстве по чтению представлены избранные отрывки из закрепленного текста выше по течению.SKILL.mdПеревод выполнен с помощью переводчика. Это не полное руководство и не гарантия проверенной совместимости. Перед использованием ознакомьтесь с оригиналом и указанными в нем файлами.
Данное введение относится к закрепленной ниже версии; текущая активность в репозитории и время сбора данных отображаются отдельно.
- Закрепленный источник
- Прочитайте оригинал ↗
- Источник получен
- Исходный коммит
49f948faa9258a0c61caceaf225e179651397431- Исходный SHA-256
1f4d7e16ba5325a80da32e2e6bde0ea850ba9287f35f4675d51d55d2f0dc6e2a