design-system Skill
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. Published by microsoft in power-platform-skills.
What is design-system Skill?
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. Published by microsoft in power-platform-skills. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Design and media
- Design and media use cases
Technical details
- Install or run with Copy skill directory
When to use design-system Skill
- Use it for design and media.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/power-platform-skills
- Skill file: plugins/mobile-apps/skills/design-system/SKILL.md
What it does
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.
Skill instructions
Shared instructions: 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 as internal implementation plumbing so those decisions become Tamagui tokens, aliases, and provider props. The old separate tamagui-design-system skill existed before this split was clear; keeping it separate made users choose implementation details and added prompt surface. Do not reintroduce it as a user-invocable skill. When to use - Step 6.5 — auto-invoked from /create-mobile-app after
Explore related resources
Frequently asked questions
What is design-system?
design-system is a open-source AI agent skill with Copy skill directory. 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.
Who is design-system best for?
design-system is best for reusing agent instructions, scripts, and references, design and media workflows.
How do I install design-system?
Install or run design-system using Copy skill directory. Check design-system for the latest setup command.
Is design-system actively maintained?
design-system may need a closer maintenance check before production use.
Auto-fetched from GitHub.
