首页龙虾技能列表 › Pencil To Code — 画笔设计转React/Tailwind代码

Pencil To Code — 画笔设计转React/Tailwind代码

v?

将 .pen 设计文件转换为 React 和 Tailwind CSS 代码。专注一件事,做到极致。输入:.pen 框架 ID 或文件路径,输出:React 组件代码 + Tailwind 配置。适用场景:设计探索阶段或用户需要从最终的 Pencil 设计中获取实现代码。

0· 1,100·0 当前·0 累计
by @jcwen

运行时依赖

无特殊依赖

安装命令 点击复制

官方clawhub install pencil-to-code
镜像加速clawhub install pencil-to-code --registry https://cn.clawhub-mirror.com

技能文档

技能基本信息

  • 名称:Pencil To Code — 画笔设计转React/Tailwind代码
  • Slug:pencil-to-code

描述

将 .pen 设计文件转换为 React 和 Tailwind CSS 代码。专注一件事,做到极致。
  • 输入:.pen 框架 ID 或文件路径
  • 输出:React 组件代码 + Tailwind 配置
  • 使用场景:设计探索阶段或用户需要从最终的 Pencil 设计中获取实现代码。
数据来源:ClawHub ↗ · 中文优化:龙虾技能库
OpenClaw 技能定制 / 插件定制 / 私有工作流定制

免费技能或插件可能存在安全风险,如需更匹配、更安全的方案,建议联系付费定制

了解定制服务