PROMPT PLANETWeb UI

表单字段

让用户理解输入要求并修正错误。

下面的样例使用相同内容,可直接点击并用键盘操作;应用时沿用产品主题。

白底描边

公开默认

标签、输入与说明沿垂直阅读顺序排列。

名称用于识别当前项目。

此处演示不可编辑的字段,不影响上方输入。

样式规则与来源
  • 标签始终可见,placeholder 不替代标签。
  • 错误紧邻对应字段,以文字说明怎么修正,并关联输入语义。
  • 标签、说明、错误与控件在窄屏仍对应。

为跨项目复用编写的中性样例;颜色、密度与尺寸按目标主题适配。

浅底字段

浅底区分输入区,边线与焦点提供状态提示。

名称用于识别当前项目。

此处演示不可编辑的字段,不影响上方输入。

样式规则与来源
  • 浅底输入配可见边线;错误与焦点不能只靠底色表达。
  • 保留标签、说明和必填状态,不在失焦时清空用户输入。

为跨项目复用编写的中性样例;颜色、密度与尺寸按目标主题适配。

使用所选样式

只用于本次任务,不改变项目或公开默认。

复制后发送给 agent;应用完成后由 agent 回读配置并验证产品页面。

查看完整请求

【PROMPT 开始——从下一行复制】

## 执行方式

本 Prompt 使用 web-ui-workflows。若未安装,从 https://github.com/lindong28/lindong-skills 取得完整 web-ui-workflows/;读取其 SKILL.md 后执行,不覆盖已有同名目录。

## 任务

请将目标产品的「表单字段」采用变体 outlined,范围:仅本次任务。目标产品沿当前对话;缺少目标时向我确认。
组件:field
目录:https://prompts.aiplanet.live/api/webui/components/v1/index.json
定义:https://prompts.aiplanet.live/api/webui/components/v1/field.json
目录内容 SHA256:e89b7c2c1b39aa71030cf1247e23dd248e94857d5f5f8229aa0d40750c0db331
按组件选择工作流应用并验证,交代实际生效来源与结果。若范围是长期公开默认,先准备目录变更和可浏览快照,沿其发布批准流程同步;这次复制不代表配置已经改变。

【PROMPT 结束——复制到上一行】