taste-skill设计

技能内容与创作

taste-skill

做网页和品牌视觉的设计师,这套设计助手技能能替你把模糊的“高级感”定成一套可执行的设计规范。

怎么用

• 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 还是别的工具,并写好对应配置。

适用场景与标签

13技能gsapfrontenduimotionstitchdesign-systemdesign.mdmcp网页设计image generationlanding pagereactnextjstailwindui规范designlanding-pageredesignbrandlogoidentitypresentationimage-to-code
在星算助手里安装 ← 回到插件中心