ui-design

仓库创建 2026年4月7日最近提交 20 天前SkillHot 收录 20 天前

▸ 精选理由

适合需要构建设计合约和一致 UI 语言的团队

这个 Skill 做什么

为项目选择界面方向、视觉风格并生成设计契约与指导

帮项目选界面方向和视觉风格，并产出可执行的设计契约（比如 .build-loop/app-contract/ui.md）与实现指导。会结合项目 token、现有结构、Mockup 库和研究结果给出落地路线，适合在 build-loop 阶段定方向或把设计交付给开发团队时使用。

▸ 展开 SKILL.md 英文原文

Use when build-loop needs UI design direction, visual style selection, UI guidance inventory, a .build-loop/app-contract/ui.md design contract, or non-trivial web/mobile/native UI planning. Build-loop-owned design route for design-contract-specialist; selects from project tokens, recent structures, UI Guidance, IBR artifacts, Mockup Gallery, and research based on product/workflow/data/platform fit.

内容创作UI 设计视觉风格设计契约通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/tyroneross/build-loop/main/skills/ui-design/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/tyroneross/build-loop/main/skills/ui-design/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

<!-- SPDX-FileCopyrightText: 2025-2026 Tyrone Ross, Jr <46267523+tyroneross@users.noreply.github.com> | SPDX-License-Identifier: Apache-2.0 -->

# UI Design

Build-loop-owned guidance for choosing UI direction. This skill is the design selection layer; `design-contract-specialist` is the agent that writes the resulting contract.

For broader communication and information-design artifacts such as writing, images, decks, documents, reports, spreadsheets, PDFs, or UI-generated exports, start from `references/universal-design-principles.md`, then load the medium-specific skill.

## Runtime Contract

Use this skill when `uiTarget != null` and the work is not copy-only:

1. Load the UI input/outpu

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有