microsoft-skills
2 official Microsoft skills: frontend design review for distinctive interfaces, and dark-themed React with Tailwind and animations. Both target production-quality UI with strong visual identity.
How do I install this agent skill?
npx skills add https://github.com/podo/design-agent-skills --skill microsoft-skillsIs this agent skill safe to install?
- Gen Agent Trust Hubpass
This skill acts as a catalog stub that provides instructions for installing and invoking official Microsoft frontend design and UI development skills. It references official Microsoft repositories and uses standard package management tools.
- Socketpass
No alerts
- Snykwarn
Risk: MEDIUM · 1 issue
What does this agent skill do?
microsoft-skills
Catalogue stub — full package: microsoft/skills
Decision tree
-
Is a Microsoft skill already installed? Check:
~/.design-agent-skills/skills/frontend-design-review/SKILL.mdexists.- Yes → invoke the specific skill by name and proceed
- No → go to step 2
-
Do you have shell access?
- Yes → run the install command below, then invoke the skill
- No → show the install command; in Claude Code, send it as a chat message starting with
!— add-gfor global install or omit for project-only
Install command
# Review and create distinctive interfaces
npx skills add microsoft/frontend-design-review
# Dark-themed React with Tailwind and animations
npx skills add microsoft/frontend-ui-dark-ts
Invoke after install
frontend-design-review— "frontend design review", "distinctive interface"frontend-ui-dark-ts— "dark theme UI", "dark React", "dark Tailwind"
What it does
Microsoft's two official frontend skills: one for reviewing and producing distinctive, non-generic interfaces; one for building dark-themed React/TypeScript UIs with Tailwind and animations. Both enforce strong visual identity over default aesthetics.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/podo/design-agent-skills/microsoft-skills">View microsoft-skills on skillZs</a>