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.
Decision snapshot
Is this a fit?
Deployment, Data analysis, Design and media, Includes SKILL.md
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 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. See how SkillIndex evaluates profiles.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Deployment
- Data analysis
- Design and media
- Deployment use cases
- Data analysis use cases
Declared skill metadata
- Source file: plugins/powercat-code-apps/skills/design-guide/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 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
Verified compatibility and discovery
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.
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.
