app-design Skill
Use when building or modifying the app layout, creating UI components, or making any visual design decisions. Ensures consistency, accessibility, and a polished, unique app. Published by microsoft in fabric-apps-analytic-templates.
What is app-design Skill?
Use when building or modifying the app layout, creating UI components, or making any visual design decisions. Ensures consistency, accessibility, and a polished, unique app. Published by microsoft in fabric-apps-analytic-templates. 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
- Writing
- Design and media use cases
- Writing use cases
Technical details
- Install or run with Copy skill directory
When to use app-design Skill
- Use it for design and media.
- Use it for writing.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/fabric-apps-analytic-templates
- Skill file: .agents/skills/app-design/SKILL.md
What it does
Use when building or modifying the app layout, creating UI components, or making any visual design decisions. Ensures consistency, accessibility, and a polished, unique app.
Skill instructions
App Design Your job is to build cohesive, distinctive apps — not just correct ones. Add character through intentional design decisions — typography pairing, color emphasis, spatial rhythm, and a clear visual point of view. Aesthetic Direction Before building anything, decide the app's tone in one word and its signature detail — the one thing someone notices first. These two choices guide every decision that follows. Pick a tone that is specific and bold, not safe or generic. Examples like editorial, geometric, organic, industrial, playful, or minimal are starting points — don't limit yourself to these. Invent a direction that fits the app's purpose. Then match your execution to your direction — a maximalist direction needs layered effects and rich detail in the code; a minimalist direction needs precise spacing, restraint, and careful typography. Elegance comes from committing to the direction fully, not from adding more. Typography Pick fonts that set the app's character — this is one
Explore related resources
Frequently asked questions
What is app-design?
app-design is a open-source AI agent skill with Copy skill directory. Use when building or modifying the app layout, creating UI components, or making any visual design decisions. Ensures consistency, accessibility, and a polished, unique app.
Who is app-design best for?
app-design is best for reusing agent instructions, scripts, and references, design and media workflows, writing workflows.
How do I install app-design?
Install or run app-design using Copy skill directory. Check app-design for the latest setup command.
Is app-design actively maintained?
app-design may need a closer maintenance check before production use.
Auto-fetched from GitHub.
