Создавайте пользовательские интерфейсы в Pencil (файлы .pen) и генерируйте на их основе рабочий код. Используйте при работе с файлами .pen, разработке экранов или компонентов в Pencil или создании кода на основе проектов Pencil. Запускается при выполнении задач, связанных с Pencil, файлами .pen, рабочими процессами проектирования в код или дизайном пользовательского интерфейса с помощью инструментов Pencil MCP.
Быстро установите AI-навык pencil-design в вашу среду разработки через командную строку
Источник: chiroro-jr/pencil-design-skill.
Design production-quality UIs in Pencil and generate clean, maintainable code from them. This skill enforces best practices for design system reuse, variable usage, layout correctness, visual verification, and design-to-code workflows.
These rules address the most common agent mistakes. Violating them produces designs that are inconsistent, hard to maintain, and generate poor code.
NEVER recreate a component from scratch when one already exists in the design file.
Создавайте пользовательские интерфейсы в Pencil (файлы .pen) и генерируйте на их основе рабочий код. Используйте при работе с файлами .pen, разработке экранов или компонентов в Pencil или создании кода на основе проектов Pencil. Запускается при выполнении задач, связанных с Pencil, файлами .pen, рабочими процессами проектирования в код или дизайном пользовательского интерфейса с помощью инструментов Pencil MCP. Источник: chiroro-jr/pencil-design-skill.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/chiroro-jr/pencil-design-skill --skill pencil-designСоздавайте пользовательские интерфейсы в Pencil (файлы .pen) и генерируйте на их основе рабочий код. Используйте при работе с файлами .pen, разработке экранов или компонентов в Pencil или создании кода на основе проектов Pencil. Запускается при выполнении задач, связанных с Pencil, файлами .pen, рабочими процессами проектирования в код или дизайном пользовательского интерфейса с помощью инструментов Pencil MCP. Источник: chiroro-jr/pencil-design-skill.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/chiroro-jr/pencil-design-skill --skill pencil-design После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/chiroro-jr/pencil-design-skill