design-system

仓库创建 2026年1月22日最近提交 3 小时前SkillHot 收录 20 天前

▸ 精选理由

建立一致视觉规范并输出可直接导入的设计 tokens 与示例页面。

▸ 风险提示

会写入或覆盖仓库中的设计文件，使用前注意备份。

这个 Skill 做什么

生成并管理移动应用的品牌设计系统、tokens 与视觉展示页面。

为 Power Apps 移动应用生成完整的品牌设计系统：规范文档、可导入的 Tamagui tokens 和视觉展示页。创建界面、统一视觉或在构建流程中特定步骤调用时用。输出能直接给前端用（tokens.ts）并有画廊预览，方便团队一致实现品牌风格。

▸ 展开 SKILL.md 英文原文

Creates and manages the brand design system for a Power Apps mobile app. Generates brand/design-system.md (source of truth), brand/tokens.ts (importable Tamagui tokens), and brand/design-system.html (visual gallery). Triggered at Step 6.5 of /create-mobile-app, or standalone via /design-system.

内容创作设计系统品牌Tamagui通用

566

Stars

116

Forks

仓库内 Skill

+152

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/microsoft/power-platform-skills/main/plugins/mobile-apps/skills/design-system/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/microsoft/power-platform-skills/main/plugins/mobile-apps/skills/design-system/SKILL.md"

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

**Shared instructions: [shared-instructions.md](../../shared/shared-instructions.md)** — read first.

# Design System

Source of truth for every screen built in a Power Apps mobile app. Produces three artifacts:

1. `brand/design-system.md` — full spec (palette, typography, spacing, components, negatives)
2. `brand/tokens.ts` — importable Tamagui token export
3. `brand/design-system.html` — deterministic visual gallery (zero LLM cost)

Design-system and Tamagui integration are complementary, not alternatives. `/design-system` owns user-facing brand/design decisions and preview artifacts; `/create-mobile-app` Step 9b applies [`references/tamagui-integration.md`](./references/tamagui-integrati

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