code-apps-design-guide Skill
Generate a brand-aligned design guide for a new code app instead of using the default template styling. Use when: the user wants to start a new app with their own brand identity, mentions 'design guide', 'brand guidelines', 'style guide', or wants to customize the look and feel before building. This skill runs BEFORE t Published by microsoft in power-cat-skills.
What is code-apps-design-guide Skill?
Generate a brand-aligned design guide for a new code app instead of using the default template styling. Use when: the user wants to start a new app with their own brand identity, mentions 'design guide', 'brand guidelines', 'style guide', or wants to customize the look and feel before building. This skill runs BEFORE t Published by microsoft in power-cat-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
- Deployment
- Data analysis
- Design and media
- Deployment use cases
- Data analysis use cases
Technical details
- Install or run with Copy skill directory
When to use code-apps-design-guide Skill
- Use it for deployment.
- Use it for data analysis.
- Use it for design and media.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/power-cat-skills
- Skill file: plugins/powercat-code-apps/skills/design-guide/SKILL.md
What it does
Generate a brand-aligned design guide for a new code app instead of using the default template styling. Use when: the user wants to start a new app with their own brand identity, mentions 'design guide', 'brand guidelines', 'style guide', or wants to customize the look and feel before building. This skill runs BEFORE t
Skill instructions
Design Guide Generator $ARGUMENTS Purpose Create a comprehensive design guide tailored to the customer's brand, then hand off to the code-apps plugin (/create-code-app) to scaffold and build the app. This skill does NOT replicate scaffolding, deployment, or data source wiring — it focuses exclusively on brand extraction and design token generation, then delegates to the plugin for everything else. Prerequisites The code-apps plugin must be installed. If not already available, instruct the user: /plugin marketplace add microsoft/power-platform-skills /plugin install code-apps@power-platform-skills Workflow Step 0: Verify Plugin Installation This step is only needed when the user wants to create a new app. If the user only wants the design guide and tokens for an existing project, skip to Step 1. Run each substep in order: 0a. Run /plugin marketplace list. If microsoft/power-platform-skills is missing, ask: "The Power Platform Skills marketplace isn't registered. Want me to add it?" If y
Explore related resources
Frequently asked questions
What is code-apps-design-guide?
code-apps-design-guide is a open-source AI agent skill with Copy skill directory. Generate a brand-aligned design guide for a new code app instead of using the default template styling.
Who is code-apps-design-guide best for?
code-apps-design-guide is best for reusing agent instructions, scripts, and references, deployment workflows, data analysis workflows, design and media workflows.
How do I install code-apps-design-guide?
Install or run code-apps-design-guide using Copy skill directory. Check code-apps-design-guide for the latest setup command.
Is code-apps-design-guide actively maintained?
code-apps-design-guide may need a closer maintenance check before production use.
Auto-fetched from GitHub.
