做网页和品牌视觉的设计师,这套设计助手技能能替你把模糊的“高级感”定成一套可执行的设计规范。
怎么用
• gpt味觉设计:面向高端前端界面的GSAP设计约束技能。
• Stitch设计风格技能:为 Google Stitch 生成 DESIGN.md 的设计规范技能。
• 前端图像构图技能:面向网页分区的图像构图技能。
• 前端设计品味:面向 React/Next.js 的前端风格与实现规范技能。
• 前端设计品味技能:用于着陆页、作品集和重设计的前端设计技能。
• 品牌套件图像生成:用于生成高端品牌规范板与视觉系统图像的技能。
• 图像转代码:先生成并分析设计图,再实现网页前端。
• 完整输出约束:用于避免生成被截断的不完整输出。
• 工业粗粝界面:用于构建工业感、军用终端风格的高密度网页界面。
• 极简编辑UI:用于生成极简、编辑风格的前端界面规范。
• 移动端图像设计:为移动应用生成高级感屏幕与流程图像的技能。
• 重设计现有项目:为现有网站或应用提升设计质感的技能。
• 高端视觉设计技能:指导生成高端机构风格的界面与动效。
核心用法
在设计前端页面或重做现有项目时,根据目标风格选择对应能力:先写设计规范、再生成视觉图或直接将设计图转为网页实现;也可用于品牌套件图像、移动端屏幕、终端风界面等场景的方案设计。
触发场景
需要其中任一技能时,整仓一键装好,工具会按需自动调用对应技能。
优劣特点
优点:相关技能成套获取、安装管理统一;注意:合集较大,按需使用即可。
适用人群
想一次配齐该作者/项目整套能力的用户。
详细说明
用于前端页面、着陆页、作品集、移动端界面与品牌视觉的设计约束与生成场景,覆盖高端界面、GSAP 动效、图像构图、Stitch 规范、图转代码、极简编辑风、工业粗粝风与重设计等方向。
常见问题
它是做什么的?
做网页和品牌视觉的设计师,这套设计助手技能能替你把模糊的“高级感”定成一套可执行的设计规范。
支持哪些工具?
这个技能可以装进 Claude Code、Codex。
怎么用?
• gpt味觉设计:面向高端前端界面的GSAP设计约束技能。 • Stitch设计风格技能:为 Google Stitch 生成 DESIGN.md 的设计规范技能。 • 前端图像构图技能:面向网页分区的图像构图技能。 • 前端设计品味:面向 React/Next.js 的前端风格与实现规范技能。 • 前端设计品味技能:用于着陆页、作品集和重设计的前端设计技能。 • 品牌套件图像生成:用于生成高端品牌规范板与视觉系统图像的技能。 • 图像转代码:先生成并分析设计图,再实现网页前端。 • 完整输出约束:用于避免生成被截断的不完整输出。 • 工业粗粝界面:用于构建工业感、军用终端风格的高密度网页界面。 • 极简编辑UI:用于生成极简、编辑风格的前端界面规范。 • 移动端图像设计:为移动应用生成高级感屏幕与流程图像的技能。 • 重设计现有项目:为现有网站或应用提升设计质感的技能。 • 高端视觉设计技能:指导生成高端机构风格的界面与动效。
源码在哪里?
源码地址:https://github.com/Leonxlnx/taste-skill
怎么安装?
安装在星算助手客户端里完成 —— 由它决定装进 Claude Code、Codex 还是别的工具,并写好对应配置。