microsoft-skills

name	microsoft-skills
description	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.
triggers	["Microsoft skill","frontend design review","dark theme React","frontend UI dark"]
das	{"category":"official-suites","upstream":"https://github.com/microsoft/skills","version":"latest","install":false}

microsoft-skills

Catalogue stub — full package: microsoft/skills

Decision tree

1. Is a Microsoft skill already installed? Check: ~/.design-agent-skills/skills/frontend-design-review/SKILL.md exists.

   • Yes → invoke the specific skill by name and proceed
   • No → go to step 2

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 -g for 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.