SuperAPI AI 工具集

stitch-ui-contract-bootstrap

前端与建站

查看项目

更新于 10-15 21:48

技能介绍

用途:为 Stitch 提供 Bootstrap 5 / Vue 的设计规范约束输入,使设计提示词可执行。仅在用户明确提到 Stitch 时使用。

主要能力:两种模式。Prefix 模式输出可直接粘贴的 [Hard constraints prefix],包含框架、设计 token(颜色、间距、圆角、阴影)、组件契约(b-container/b-row/b-col、b-button、b-form-group、b-form-input、b-form-select、b-card、b-table)与布局不变量。Selector 模式先输出 CONTRACT_SELECTION_JSON_V1,再输出拼装后的 Stitch 提示词,仅注入所需的组件/状态片段。

使用方式:用户要求美化/打磨已有界面,或要求 selector / JSON / contracts.include / states.include 时用 Selector 模式,否则用 Prefix 模式。触发关键词含 bootstrap、bootstrap-vue、bs-vue、bs5 等。产品规格与最终提示词模式由 stitch-design-spec 统一维护,安装说明:npx skills add full-stack-skills/stitch-skills --skill stitch-design-spec,不自动安装。

适用场景:需要为 Stitch 生成 Bootstrap-Vue 风格设计约束或选择器契约时。

限制:不生成业务页面代码,不直接覆盖已应用系统或局部修改范围;真实代码转换需使用对应 components 技能,不能以框架风格设计图代替代码验证。资料未提供收费、价格与平台信息。