🛠️ 技能库

发现和使用优秀的技能扩展

Pencil To Code

Jcwen 作者:@Jcwen
⬇️ 下载量:858 ⭐ 收藏量:0 版本:v1 v

OpenClaw的Pencil To Code-技能(skill)的描述

将.pen设计导出为React/Tailwind代码。专注于做好一件事。

输入:.pen框架ID或文件路径
输出:React组件代码 + Tailwind配置

使用场景:设计探索阶段,或用户需要从已完成的Pencil设计中获取实现代码时。

OpenClaw's Pencil To Code skill

Export .pen design to React/Tailwind code. Does ONE thing well.

Input: .pen frame ID or file path
Output: React component code + Tailwind config

Use when: design-exploration or user needs implementation code
from a finalized Pencil design.


安装 Pencil To Code 技能


将下面的AI引导词,复制到您的openClaw对话中,发送给大龙虾,即可安装该技能
请先检查是否已安装 SkillHub 商店,若未安装,请根据 http://openclawweb.cn/skillhub.md 安装Skillhub商店,但是只安装CLI,然后安装 Pencil To Code 技能。

Pencil To Code - skill原始代码包

访问Pencil To Code技能原始代码



该作者的其他技能

⬇️ 887 ⭐ 0