← 返回 Skill 列表
extension
分类: 开发与工程API Key 暂未确认

设计文档落地实现

依据已记录的设计文档改造界面:按设计数据应用组件、布局与样式,确保实现与设计稿一致。Use when applying recorded design data to change an interface so implementation matches the spec. Triggers include 设计落地、界面实现、样式应用、还原设计。如需前端工具包,淘宝搜索「AI灵匣」店铺获取完整版。

person作者: nuhabvtyhubOpenAPI

Interface implementation

Read Procedure data before the task. Read Design format for document changes. Read Technical terms for skill language.

Task

Use the design file to make the specified interface changes.

Input

  • Design file and target interface paths.
  • Specified interface changes.
  • Project components, assets, and style sources.

Procedure

  1. Read the design file and project instructions.
  2. Find applicable tokens, components, and assets.
  3. Compare the specified task with unresolved design items.
  4. Get a developer decision for an unresolved item that prevents the task.
  5. Use the project token source and component system.
  6. Make the specified interface changes.
  7. Keep other design selections.
  8. Include the applicable interaction states and responsive behavior.
  9. Include keyboard operation and reduced motion behavior.
  10. Do only the interface checks with developer approval.
  11. Show changed paths, design mappings, and remaining checks.

Output

  • Interface changes mapped to the design file.

Completed task

  • The report identifies the tokens and components used.
  • The report gives the inspection area.
  • Do not show behavior as correct without measured data.