SuperAPI AI 工具集

pencil-renderer

通用与其它

查看项目

更新于 10-16 08:05

技能介绍

用途:pencil-renderer 只做一件事,把审美 DNA 代码翻译为 Pencil .pen 画框,通过 Pencil MCP 执行。

输入与输出:输入为 DNA 代码 [layout, color, typography, motion, density, background] 和组件类型(hero、card、form、nav、footer、section、button、input),可选名称、尺寸、父画框 ID。输出为 .pen 文件中的画框 ID 与渲染截图。

工作流:先检查编辑器状态,必要时打开或新建文档;获取样式指南标签并按其匹配 DNA 情绪取样式指南;按 references/dna-to-pencil.md 将 DNA 轴确定性地映射为 Pencil 属性;用 mcp__pencil__batch_design 批量执行设计操作;再截图校验并返回画框 ID、DNA 与截图。

主要能力:内置组件模板结构(如 hero 为容器+标题+副标题+CTA 按钮);提供 DNA 翻译速查,如居中布局对应 alignItems: center、深色对应深底浅前景、大密度使用 gap 24-48 等。

限制:单一职责,不访谈、不迭代;必须依赖 Pencil MCP,不可用时快速失败;映射是确定性的,相同 DNA 产生相同结构;面向编排器调用而非直接面向用户。AI 与测试分类请依据实际用途判断,本资料未明示平台、收费与价格。