Этот репозиторий упаковывает многоразовые рабочие процессы Figma в качестве портативных навыков.

Канонический источник находится в [[Т0]]. Репо также раскрывает одни и те же навыки с помощью записей кода Клода в .claude/skills/, поэтому один и тот же кассовый сбор может использоваться как в Кодексе, так и в Кодексе Клода.

##Включенные навыки

• [[Т2]] Просмотрите существующий дизайн и подключите его к компонентам системы проектирования.
• [[Т3]] Аудит экрана Figma или компонента для дрейфа интеграции системы проектирования, включая недостающие общие компоненты, локальные переопределения и несвязанные токены.
• [[Т4]] Исправьте конкретный дизайн-системный поиск интеграции в экране или компоненте Figma, включая недостающие общие компоненты, локальные надстройки и несвязанные токены.

Репозиторий

Каждая папка навыков содержит:

SKILL.md: общие инструкции, которые работают через инструменты с использованием открытого формата Agent Skills agents/openai.yaml: метаданные Codex/OpenAI UI; безопасен для других инструментов

Предпосылки

Эти навыки предполагают, что среда хоста уже имеет доступ к Figma. На практике это означает:

Figma Design System Skills

This repository packages reusable Figma design-system workflows as portable skills.

The canonical source lives in skills/. The repo also exposes the same skills through project-local Claude Code entries in .claude/skills/, so the same checkout can be used in both Codex and Claude Code.

Included Skills

• apply-design-system Review an existing design and connect it to design system components.
• audit-design-system Audit a Figma screen or component for design-system integration drift, including missing shared components, local overrides, and unbound tokens.
• fix-design-system-finding Fix a specific design-system integration finding in a Figma screen or component, including missing shared components, local overrides, and unbound tokens.

Repository Layout

.
├── README.md
├── skills/
│   ├── apply-design-system/
│   ├── audit-design-system/
│   └── fix-design-system-finding/
└── .claude/
    └── skills/
        ├── apply-design-system -> ../../skills/apply-design-system
        ├── audit-design-system -> ../../skills/audit-design-system
        └── fix-design-system-finding -> ../../skills/fix-design-system-finding

Each skill folder contains:

• SKILL.md: shared instructions that work across tools using the open Agent Skills format
• agents/openai.yaml: Codex/OpenAI UI metadata; safe for other tools to ignore

Prerequisites

These skills assume the host environment already has Figma access set up. In practice that means:

• Figma MCP read tools such as get_design_context, get_screenshot, get_metadata, get_variable_defs, and search_design_system
• Figma write access via use_figma
• a helper skill or built-in workflow that teaches safe use_figma usage, if your environment requires one

This repository does not vendor the full Figma helper stack. It contains the design-system workflows themselves.

Use In Codex

Copy the skills you want into your Codex skills directory:

mkdir -p "${CODEX_HOME:-$HOME/.codex}/skills"
cp -R skills/* "${CODEX_HOME:-$HOME/.codex}/skills/"

After that, the skills are available as:

• $apply-design-system
• $audit-design-system
• $fix-design-system-finding

Codex uses the agents/openai.yaml files for display names, descriptions, and default prompts.

Use In Claude Code

Claude Code already discovers project-local skills from .claude/skills/, so opening this repository in Claude Code is enough to make the three skills available as slash commands:

• /apply-design-system
• /audit-design-system
• /fix-design-system-finding

If you want them available across all projects instead, copy the same folders into ~/.claude/skills/.

Claude Code reads SKILL.md and ignores the Codex-specific agents/openai.yaml metadata.

Editing And Publishing