Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

Commencer

frontend-ui-ux-system

Étoiles0

Forks0

Mis à jour22 avril 2026 à 06:08

提供公司级前端 UI/UX 设计知识库，覆盖产品类型、视觉方向、设计 token、布局、交互、可访问性、动效与交付检查。当前端任务需要统一设计语言或体验门禁时使用。

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

Colin4k1024

Colin4k1024/tsp

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Concepteurs web et d'interfaces numériquesProfessions informatiques et mathématiques·SOC 15-1255

Explorateur de fichiers

7 fichiers

SKILL.md

readonly

name	frontend-ui-ux-system
description	提供公司级前端 UI/UX 设计知识库，覆盖产品类型、视觉方向、设计 token、布局、交互、可访问性、动效与交付检查。当前端任务需要统一设计语言或体验门禁时使用。

Frontend UI/UX System

用途

把 UI/UX 决策前置到计划和方案阶段，不把视觉和体验变成实现末端的补丁。
让 tech-lead、frontend-engineer、qa-engineer 在同一套设计语言下协作。

默认做法

检查项目根目录是否存在 DESIGN.md：
- 若存在：读取 DESIGN.md，将其 Section 02（色盘）、Section 03（排版）、Section 04（组件）的具体值作为后续所有设计决策的基准，不得与之冲突。
- 若不存在：在 design-system-brief.md 第 7 节确认参考品牌，通过 npx getdesign@latest add <brand> 或直接填写 DESIGN.md 模板生成，放置于项目根目录。
- 参考：DESIGN.md 使用工作流 · 字段映射说明
先阅读 frontend-ui-ux-standards.md 和 frontend-quality-gates.md 明确硬性门禁。
用 product-style-map.md 与 design-tokens.md 锁定产品类型、视觉方向和 token 策略。
对新界面或大改版先补齐 design-system-brief.md，对进入实现的任务补齐 ui-implementation-plan.md。
在交付评审前使用 interaction-accessibility.md、delivery-checklist.md 与 ui-review-checklist.md 做闭环检查。

何时优先调用

tech-lead 需要判断某个需求的 UI 范围、设计约束和体验门禁是否已经足够明确。
frontend-engineer 需要在多种视觉方向和交互模式中选定统一方案。
qa-engineer 需要把视觉、交互、无障碍和性能检查标准从“主观观感”变成一致规则。

Plus depuis ce dépôt

même dépôt

strategic-compact

Colin4k1024/tsp

上下文优化技能，通过 trigger-based 懒加载和 context composition awareness 自动重组长会话上下文。

2026-07-140

goal-convergence

Colin4k1024/tsp

Goal-oriented autonomous loop with external completion oracle. Keeps iterating until verifiable stopping conditions are met, checked by a separate model.

2026-06-110

loop-heartbeat

Colin4k1024/tsp

Scheduled discovery automation that runs scans on a heartbeat interval, classifies findings, and routes them to goals or triage inbox.

2026-06-110

mcp-connector-bridge

Colin4k1024/tsp

Active MCP connector polling that integrates external tools (issue trackers, error monitoring, CI) into the heartbeat loop for cross-system discovery.

2026-06-110

rework-loop

Colin4k1024/tsp

Structured rework with git blame attribution for failed goal iterations. Maps failures to responsible changes and routes targeted fix briefs.

2026-06-110

codegraph

Colin4k1024/tsp

将 CodeGraph 作为默认内置 MCP-backed 代码图谱能力接入，用于 brownfield 符号搜索、调用链、影响面和上下文查询。输出必须回落到 `/team-*` 主链和 artifacts。

2026-05-220

name	frontend-ui-ux-system
description	提供公司级前端 UI/UX 设计知识库，覆盖产品类型、视觉方向、设计 token、布局、交互、可访问性、动效与交付检查。当前端任务需要统一设计语言或体验门禁时使用。

Frontend UI/UX System

用途

把 UI/UX 决策前置到计划和方案阶段，不把视觉和体验变成实现末端的补丁。
让 tech-lead、frontend-engineer、qa-engineer 在同一套设计语言下协作。

默认做法

检查项目根目录是否存在 DESIGN.md：
- 若存在：读取 DESIGN.md，将其 Section 02（色盘）、Section 03（排版）、Section 04（组件）的具体值作为后续所有设计决策的基准，不得与之冲突。
- 若不存在：在 design-system-brief.md 第 7 节确认参考品牌，通过 npx getdesign@latest add <brand> 或直接填写 DESIGN.md 模板生成，放置于项目根目录。
- 参考：DESIGN.md 使用工作流 · 字段映射说明
先阅读 frontend-ui-ux-standards.md 和 frontend-quality-gates.md 明确硬性门禁。
用 product-style-map.md 与 design-tokens.md 锁定产品类型、视觉方向和 token 策略。
对新界面或大改版先补齐 design-system-brief.md，对进入实现的任务补齐 ui-implementation-plan.md。
在交付评审前使用 interaction-accessibility.md、delivery-checklist.md 与 ui-review-checklist.md 做闭环检查。

何时优先调用

tech-lead 需要判断某个需求的 UI 范围、设计约束和体验门禁是否已经足够明确。
frontend-engineer 需要在多种视觉方向和交互模式中选定统一方案。
qa-engineer 需要把视觉、交互、无障碍和性能检查标准从“主观观感”变成一致规则。