SuperAPI AI 工具集

stitch-ued-guide

设计与创作

查看项目

更新于 10-15 21:49

技能介绍

用途:为 Stitch 提示词编写提供视觉词汇、设计术语与策略参考,适用于需要描述布局模式或视觉风格、统一配色与主题结构、了解各设备约束的场景。

提示词结构:推荐使用四段式 [Context & Style] + [Layout Structure] + [Component Details] + [Content & Data]。

主要内容:

  1. 配色变体(colorVariant)共 9 种,如 MONOCHROME、NEUTRAL、TONAL_SPOT、VIBRANT、EXPRESSIVE、FIDELITY、CONTENT、RAINBOW、FRUIT_SALAD,按用途选择。
  2. 间距尺度(spacingScale)为整数 0-3:0 紧凑、1 密集、2 常规、3 宽松。
  3. DesignTheme 字段参考,包括 colorMode、customColor、headlineFont/bodyFont/labelFont、roundness、namedColors、designMd 等,其中 font 字段已弃用。
  4. 布局模式:移动端(垂直滚动信息流、标签导航、底部弹层等)、桌面端(左侧栏+主区、顶部导航、分屏、仪表盘网格等)、通用(瀑布流、便当网格、Hero 区、卡片网格)。
  5. 视觉风格:扁平、Material、新拟态、玻璃拟态、粗野主义、极简主义、赛博朋克等。
  6. 配色结构公式:[领域/情绪描述] + 背景色 + 主色 + 辅色 + 文字色 + 美学情绪。
  7. 设备指南:MOBILE(约 375px)、DESKTOP(约 1440px)、TABLET(约 768-1024px)、AGNOSTIC(流式)。
  8. 可访问性写法:高对比、WCAG AA、44px 触控目标等。
  9. 建议使用精确组件名,如浮动操作按钮(FAB)、分段控件、底部弹层、骨架屏等。

模型选择:GEMINI_3_1_PRO 为推荐默认;GEMINI_3_FLASH 用于快速迭代;GEMINI_3_PRO 已弃用。

限制:本技能为参考指南,不执行操作;官方价格、安装命令等信息暂未提供。