English · 简体中文 · 繁體中文 · 日本語 · 한국어 · Français · Español · Deutsch · Português · Русский
LLM-навык для дизайна с OpenPencil — обучает ИИ-агентов использованию CLI op, пакетного DSL дизайна, инструментов MCP и лучших практик дизайна.
Соответствует спецификации agentskills.io.
Установите CLI op перед использованием этого навыка:
brew install zseven-w/openpencil/op
# Или в macOS / Linux:
curl -fsSL https://raw.githubusercontent.com/ZSeven-W/openpencil/main/scripts/install-op.sh | bashirm https://raw.githubusercontent.com/ZSeven-W/openpencil/main/scripts/install-op.ps1 | iexУбедитесь, что экземпляр OpenPencil (десктопное приложение или веб-сервер) запущен.
/plugin marketplace add zseven-w/openpencil-skill
/plugin install openpencil-skill@openpencil-skill/add-plugin openpencil-skillFetch and follow instructions from https://raw.githubusercontent.com/zseven-w/openpencil-skill/main/.codex/INSTALL.mdFetch and follow instructions from https://raw.githubusercontent.com/zseven-w/openpencil-skill/main/.opencode/INSTALL.mdgemini extensions install https://github.com/zseven-w/openpencil-skill- Справочник команд CLI
op(app control, document ops, nodes, import, layout, pages, variables, codegen) - Пакетный DSL дизайна и изолированный режим JavaScript с полными примерами
- Схема PenNode — все типы узлов v0.8.0, включая интерактивные виджеты, свойства и заливки
- 40+ семантических ролей с умными значениями по умолчанию
- Принципы дизайна — типографика, цвет, отступы, тени
- Правила движка компоновки и определение размеров
- Многослойный рабочий процесс MCP (skeleton → content → refine)
- Конвейер генерации кода (plan → submit → assemble → clean)
- Поддержка импорта (SVG, файлы Figma .fig)
- Типовые паттерны — навигация, герой, карточки, формы, подвал
- Таблица распространённых ошибок
MIT