Экспортируйте дизайн .pen в код React/Tailwind. Делает ОДНУ вещь хорошо. Входные данные: идентификатор кадра .pen или путь к файлу. Вывод: код компонента React + конфигурация Tailwind. Используйте, когда: исследование дизайна или код реализации потребностей пользователя. из окончательного рисунка карандашом.
Быстро установите AI-навык pencil-to-code в вашу среду разработки через командную строку
Источник: phrazzld/claude-config.
| frame with layout | | | frame with children | Component with children | | text | , , or | | ref (instance) | Reusable component | | rectangle | with fill | | ellipse | | | image | or fill: url() |
Экспортируйте дизайн .pen в код React/Tailwind. Делает ОДНУ вещь хорошо. Входные данные: идентификатор кадра .pen или путь к файлу. Вывод: код компонента React + конфигурация Tailwind. Используйте, когда: исследование дизайна или код реализации потребностей пользователя. из окончательного рисунка карандашом. Источник: phrazzld/claude-config.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/phrazzld/claude-config --skill pencil-to-code После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/phrazzld/claude-config --skill pencil-to-codeЭкспортируйте дизайн .pen в код React/Tailwind. Делает ОДНУ вещь хорошо. Входные данные: идентификатор кадра .pen или путь к файлу. Вывод: код компонента React + конфигурация Tailwind. Используйте, когда: исследование дизайна или код реализации потребностей пользователя. из окончательного рисунка карандашом. Источник: phrazzld/claude-config.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/phrazzld/claude-config --skill pencil-to-code После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/phrazzld/claude-config