design-system Skill
Creates the Tamagui brand system for an Expo/React Native Power Apps mobile app, including design-system.md, tokens.ts, and an HTML gallery. Published by microsoft in power-platform-skills.
Decision snapshot
Is this a fit?
Design and media, Includes SKILL.md, Reusable instructions
Compatibility not yet detected.
Can write or update data, Write actions, Filesystem access, Network access
Copy skill directory
2 months ago · MIT license
Confirm write permissions and scope before use. Access note: Local files. Access note: Network access.
What is design-system Skill?
Creates the Tamagui brand system for an Expo/React Native Power Apps mobile app, including design-system.md, tokens.ts, and an HTML gallery. 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. See how SkillIndex evaluates profiles.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Design and media
- Design and media use cases
Declared skill metadata
- Source file: plugins/mobile-apps/skills/design-system/SKILL.md
Allowed tools declared by source
These fields retain source and confidence evidence from the indexed SKILL.md.
Compatibility and setup
- Install or run with Copy skill directory
- Local files
- Network access
- Shell access
Requirements and access
Security and permissions
Review permissions before connecting any MCP server to an agent. Pay special attention to whether it can read local files, write data, call external services, or perform destructive actions.
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 the Tamagui brand system for an Expo/React Native Power Apps mobile app, including design-system.md, tokens.ts, and an HTML gallery.
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
Verified compatibility and discovery
Frequently asked questions
What is design-system?
design-system is a open-source AI agent skill with Copy skill directory. Creates the Tamagui brand system for an Expo/React Native Power Apps mobile app, including design-system.md, tokens.ts, and an HTML gallery.
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.
Project health auto-fetched from the source repository.
Maintain this resource?
Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.
