microsoft-skills

microsoft-skills

カタログの概要 — 完全なパッケージはこちら：microsoft/skills

判断ツリー

1. Microsoft のスキルはすでにインストールされていますか？ 確認：~/.design-agent-skills/skills/frontend-design-review/SKILL.md が存在するか確認します。

   • はい → 該当するスキルを名前で呼び出して進めます
   • いいえ → 手順 2 に進みます

2. シェルにアクセスできますか？

   • はい → 下記のインストールコマンドを実行してから、スキルを呼び出します
   • いいえ → インストールコマンドを表示します。Claude Code では、! で始まるチャットメッセージとして送信します。グローバルにインストールする場合は -g を追加し、プロジェクトのみにインストールする場合は省略します

インストールコマンド

# 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

インストール後の呼び出し

• frontend-design-review — 「フロントエンドのデザインレビュー」、「独自性のあるインターフェース」
• frontend-ui-dark-ts — 「ダークテーマの UI」、「ダークな React」、「ダークな Tailwind」

機能

Microsoft 公式の 2 つのフロントエンドスキルです。1 つは独自性があり、ありきたりではないインターフェースのレビューと制作に、もう 1 つは Tailwind とアニメーションを使ったダークテーマの React/TypeScript UI の構築に対応します。どちらも、デフォルトの美的表現よりも強い視覚的アイデンティティを重視します。