Skip to content

feat: add web-design-teroop skill for comprehensive UI/UX design guidance#18

Merged
isLinXu merged 1 commit into
trae-community:mainfrom
typisin:feat/web-design-teroop
Mar 10, 2026
Merged

feat: add web-design-teroop skill for comprehensive UI/UX design guidance#18
isLinXu merged 1 commit into
trae-community:mainfrom
typisin:feat/web-design-teroop

Conversation

@typisin

@typisin typisin commented Mar 10, 2026

Copy link
Copy Markdown
Contributor

Summary
新增了一个名为 web-design-teroop 的 AI 技能。该技能旨在担任“首席设计架构师”的角色,帮助开发者在项目初期快速建立专业且统一的视觉设计规范,并确保设计在后续开发中始终保持一致性。

Key Features

  • 设计规范持久化 :自动生成并维护项目根目录下的 .design-spec.md 文件,作为设计的唯一事实来源(Single Source of Truth)。
  • 趋势驱动设计 :支持通过 search 组件调研最新的视觉趋势(如 Neo-Brutalism, Bento Grid 等),供用户选择。
  • 核心内存集成 :利用 Trae 的 core_memory 存储设计 Token,实现跨对话的设计上下文感知。
  • 技术转换 :能够根据设计规范自动生成对应的 tailwind.config.js 配置和 React 基础组件。
  • 动态更新机制 :在用户调整设计细节时,同步更新文档和内存,确保开发与设计永远对齐。

Why this is useful?
许多开发者在从零开始新项目时,往往缺乏系统性的 UI/UX 规划。 web-design-teroop 技能填补了这一空白,让 AI 不仅能写代码,还能像设计师一样思考,显著提升项目的视觉质量。

Checklist

  • skills/web-design-teroop/SKILL.md 已创建并包含有效的元数据。
  • 在 README.md 和 README.zh-CN.md 中更新了技能目录。
  • 遵循了项目建议的命名规范和目录结构。

生成示例:
新野兽设计:
5335adbc-7204-4bd4-b32c-17c9a2aa8fc7
粘土风格:
d9bd7322-8292-45ac-aa20-66683c5805bc
赛博朋克
image

@isLinXu
isLinXu merged commit 4d63bd3 into trae-community:main Mar 10, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants