# 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.

- Skill: `podo/microsoft-skills` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add podo/microsoft-skills`
- Raw SKILL.md: https://api.skillmd.com/api/skills/podo/microsoft-skills/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: podo (https://skillmd.com/u/podo)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/podo/microsoft-skills

---


# microsoft-skills

> Catalogue stub — full package: [microsoft/skills](https://github.com/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

```bash
# 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.