科技感与简约高级边框组件生成 Skill V1

目标

根据用户指定的组件类型、风格、比例和用途，生成可复用的视频包装 / 海报包装 / PPT 边框组件提示词。

V1 支持两套风格：

1. tech_hud_cyan：蓝青色科技 HUD 风格，适合 AI、Codex、自动化流程、科技口播视频。
2. minimal_white_premium：白色简约高级风格，适合女装、高级品牌、极简图文、作品展示和轻奢视觉包装。

先读这些参考

按任务需要读取，不要一次塞满上下文：

• references/style-dna.md：两套风格的视觉 DNA、统一规则和禁忌。
• references/component-recipes.md：根据用途选择组件类型、形状、比例和默认值。
• references/prompt-template.md：生成稳定的中英文提示词。
• references/qa-checklist.md：生成图片后检查是否可用，并决定是否需要重生成。
• references/remotion-adapter.md：把透明框或框架风格应用到 Remotion 视频时读取。
• prompts/tech_hud_cyan.md：科技 HUD 风格的成熟提示词库。
• prompts/minimal_white_premium.md：白色简约高级风格的成熟提示词库。
• templates/call_examples.md：用户需要调用示例时读取。

使用流程

1. 先识别用户需要的 component_type、style、aspect_ratio、shape 和用途。
2. 参数不完整时，读取 references/component-recipes.md 并根据用途选择默认值：
   • 科技、AI、Codex、自动化、流程演示：优先使用 tech_hud_cyan。
   • 女装、品牌、作品集、小红书图文、PPT：优先使用 minimal_white_premium。
   • 标题或栏目：优先使用 title_bar。
   • 说明、卖点、步骤：优先使用 info_card。
   • 图片、视频、截图承载：优先使用 display_frame。
   • AI 识别、检测、聚焦：优先使用 scan_frame。
   • 加载、生成、处理状态：优先使用 progress_bar。
   • 代码、命令、开发过程：优先使用 code_window。
3. 读取 references/style-dna.md，确保风格边界、透明背景、中间留空和禁忌要求正确。
4. 当 style 和常见组件组合匹配时，读取对应提示词库：
   • tech_hud_cyan：读取 prompts/tech_hud_cyan.md。
   • minimal_white_premium：读取 prompts/minimal_white_premium.md。
5. 读取 references/prompt-template.md，优先复用提示词库中的成熟英文提示词，再按用户参数微调比例、形状、用途和风格细节。
6. 当需要给用户示例调用方式时，读取 templates/call_examples.md。
7. 如果用户要求直接生成图片，先生成图片，再用 references/qa-checklist.md 做质量检查。若出现背景不透明、文字乱入、中心被占满、变成完整海报或 dashboard 等问题，优先重生成或给出下一轮修正提示词。
8. 如果用户要把框应用到 Remotion，读取 references/remotion-adapter.md。默认让 Skill 负责框架风格和素材，Remotion 负责文字、动画、时间轴和导出。

默认输出原则

无论选择哪种风格，都必须遵守：

• 透明背景
• 中间留空
• 不要文字
• 不要 logo
• 不要水印
• 不要照片内容
• 适合作为后期叠加素材
• 尽量保持可复用，而不是一次性海报

输入参数

component_type

可选：

• title_bar：标题框
• info_card：信息卡
• display_frame：图片 / 视频展示框
• scan_frame：扫描框 / 聚焦框
• progress_bar：进度条
• code_window：代码窗口框

style

可选：

• tech_hud_cyan
• minimal_white_premium

aspect_ratio

可选：

• 16:9
• 9:16
• 1:1
• 4:5
• 3:4

shape

不同组件可选不同形状。

title_bar

• rectangle
• chamfered
• arrow
• bracket
• hex
• asymmetric

info_card

• rectangle
• chamfered
• left_label
• top_header
• floating
• modular

display_frame

• rectangle
• chamfered
• hud_corners
• double_frame
• phone_style
• multi_window

scan_frame

• corner_scan
• crosshair
• rect_detect
• circle_scan
• scanline
• focus_corners

progress_bar

• linear
• segmented
• double_layer
• node_progress
• circular
• percent_slot

code_window

• terminal
• dev_window
• split_panel
• tabbed_window
• floating_terminal
• heavy_hud

风格规则

tech_hud_cyan

关键词：

• futuristic HUD
• neon cyan
• electric blue
• glowing outline
• angular geometry
• sci-fi interface
• circuit details
• transparent background

适合：AI 口播、Codex 自动化、流程演示、工具教程。

minimal_white_premium

关键词：

• minimalist premium
• white and light gray
• thin subtle border
• soft shadow
• embossed effect
• clean editorial layout
• huge negative space
• no neon glow

适合：女装、品牌、作品集、小红书高级图文、PPT。

输出格式

当用户要求生成提示词时，输出：

1. 简短用途说明
2. 一条英文提示词
3. 一条中文提示词
4. 剪映 / 后期使用建议

当用户只想直接生成图片时，直接使用对应提示词生成，不要额外解释太多。

生成图片后必须补充一句简短判断：这张图是否通过 qa-checklist.md，以及是否建议再迭代一版。