用途:为 Dropdown(u-dropdown)组件生成像素精确的 ASCII TUI 表示,并同时产出可直接供 Pencil MCP 使用的规格与批量设计计划,适合把组件描述转成设计/前端可用的结构化数据。
主要能力:强制输出四个块——TUI_RENDER(仅等宽文本)、COMPONENT_SPEC(含 bbox、zIndex、layout、style、typography、overflow、state、hotkeys 等属性)、PENCIL_SPEC(canvas、grid、nodes、components)与 PENCIL_BATCH_DESIGN(每次调用不超过 25 个操作的 batch_design 计划)。始终输出 top/left/width/height、间距、颜色、字体排版与 zIndex 等布局属性。
使用方式:按推荐输入模型提供 widthCols、grid(cellWidthPx、cellHeightPx)、props、modelValue、state(focused/disabled/loading/error)、style(fillColor、textColor、strokeColor、strokeThickness、cornerRadius)、typography(fontFamily、fontSize、fontWeight、lineHeight)、layout(paddingPx、gapPx)与 hotkeys。渲染须遵循 tui-front-ui 共享规则:不得使用 TAB 字符、不得超过 widthCols、提供表头行、主体区域与最简热键提示。
限制与状态规则:disabled=true 时须隐藏交互提示;loading=true 时显示稳定占位;error 非空时以单行页脚输出并按宽度截断。技能本身不内嵌外部文档链接,如需权威参考应使用团队组件文档或设计系统源。资料未提供具体平台、收费与价格信息。