资讯详情

资讯详情

【研发类-前端开发Skills】enhance-prompt 技能

将模糊的UI想法转换为精心设计的、针对Stitch优化的提示。增强特异性、添加UI/UX关键词、注入设计系统上下文并构建输出以获得更好的生成结果。技能概述enhance-prompt 技能是一个Stitch提示工程师技能用于将粗糙或模糊的UI生成想法转换为精心设计的、优化的提示从而从Stitch产生更好的结果。下载地址https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/enhance-prompt触发条件在发送到Stitch之前润色UI提示改进产生糟糕结果的提示为简单想法添加设计系统一致性将模糊概念构建为可操作的提示增强流程步骤1评估输入元素检查如果缺失...平台web、mobile、desktop根据上下文添加或询问页面类型landing page、dashboard、form从描述推断结构编号的节/组件创建逻辑页面结构视觉风格形容词、情绪、氛围添加适当的描述符颜色具体值或角色添加设计系统或建议组件UI特定术语转换为正确的关键词步骤2检查DESIGN.md如果DESIGN.md存在读取文件以提取设计系统块包含颜色调色板、排版和组件样式格式化为DESIGN SYSTEM (REQUIRED)节如果DESIGN.md不存在在增强提示的末尾添加提示说明建议创建DESIGN.md文件。步骤3应用增强A. 添加UI/UX关键词模糊增强后menu at the topnavigation bar with logo and menu itemsbuttonprimary call-to-action buttonlist of itemscard grid layout or vertical list with thumbnailsformform with labeled input fields and submit buttonpicture areahero section with full-width imageB. 放大氛围基础增强后modernclean, minimal, with generous whitespaceprofessionalsophisticated, trustworthy, with subtle shadowsfunvibrant, playful, with rounded corners and bold colorsdark modedark theme with high-contrast accents on deep backgroundsC. 构建页面**Page Structure:**1. **Header:** Navigation with logo and menu items2. **Hero Section:** Headline, subtext, and primary CTA3. **Content Area:** [Describe the main content]4. **Footer:** Links, social icons, copyrightD. 正确格式化颜色Descriptive Name (#hexcode) for functional roleExamples:- Deep Ocean Blue (#1a365d) for primary buttons and links- Warm Cream (#faf5f0) for page background- Soft Gray (#6b7280) for secondary text步骤4格式化输出[One-line description of the page purpose and vibe]**DESIGN SYSTEM (REQUIRED):**- Platform: [Web/Mobile], [Desktop/Mobile]-first- Theme: [Light/Dark], [style descriptors]- Background: [Color description] (#hex)- Primary Accent: [Color description] (#hex) for [role]- Text Primary: [Color description] (#hex)- [Additional design tokens...]**Page Structure:**1. **[Section]:** [Description]2. **[Section]:** [Description]...输出选项默认将增强的提示作为文本返回供用户复制可选文件输出如果用户请求写入文件next-prompt.md — 用于stitch-loop技能用户指定的自定义文件名最佳实践早期具体— 模糊输入需要更多增强匹配用户意图— 如果他们想要简单不要过度设计保持结构化— 编号的节帮助Stitch理解层次结构包含设计系统— 一致性是多页面项目的关键编辑时一次一个更改— 不要捆绑不相关的更改注意事项限制仅在任务明确匹配上述范围时使用此技能不要将输出视为环境特定验证、测试或专家审查的替代品如果缺少必需的输入、权限、安全边界或成功标准请停止并请求澄清
觉得有用,分享给同行:

为您的企业打造数字门面

稳重轻奢商务风格,端正雅致视觉,长效耐看不易过时。

立即咨询 →