PanelSpec – 在真实设备上设计UI，为AI代码生成导出布局提示

- PanelSpec 是一款面向设计师和前端开发者的 UI 设计工具，核心理念是"在实际设备上设计界面"，而非在浏览器或 Sketch/Figma 等传统画布中模拟。 - 用户可直接在真实手机或平板上拖拽组件（按钮、文本框、图片等）完成界面布局，所见即所得，避免模拟器与真机之间的像素/渲染偏差。 - 完成设计后，工具能自动生成结构化的"布局提示（layout prompts）"，这些提示可直接输入到 AI 代码生成工具（如 GPT-4、Claude、Copilot 等）中，让 AI 理解你想要的 UI 结构并生成对应代码。 - 背景：2023-2024 年 AI 代码生成（codegen）爆发，主流方案仍是文字描述 → AI 出码。PanelSpec 试图填补"从视觉设计到 AI 提示"之间的 gap，让设计师不必写提示词，而是用视觉操作产出精准的结构描述。 - 面向的人群：独立开发者、设计-开发单人作战的小团队，以及对 AI 驱动的前端工作流感兴趣的技术设计师。