mcpField
M
microsoft-skills

microsoft-skills

github.com/podo设计与 UI29162 次安装1 天前更新
代码仓库

关于 microsoft-skills

microsoft-skills 收录了 Microsoft 的两个官方前端技能：一个用于审查和创建有辨识度的界面，另一个用于制作采用 Tailwind 和动画的深色 React 与 TypeScript UI，适用于前端设计与实现任务中的 Agent。

主要功能

  1. 01前端设计审查
  2. 02创建有辨识度的界面
  3. 03深色 React 与 TypeScript UI
  4. 04Tailwind 样式与动画

适用场景

  1. 01审查前端设计
  2. 02创建有辨识度的界面
  3. 03构建深色 React UI
  4. 04使用 Tailwind 和动画实现 TypeScript 界面

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill microsoft-skills

安装后在 Claude Code 中输入/microsoft-skills确认已加载。

附带文件stub.yaml

详细介绍

microsoft-skills

目录占位条目 — 完整包：microsoft/skills

决策树

  1. 是否已安装 Microsoft 技能？ 检查：~/.design-agent-skills/skills/frontend-design-review/SKILL.md 是否存在。

    • 是 → 按名称调用相应技能并继续
    • 否 → 转到第 2 步

  2. 是否可以访问 shell？

    • 是 → 运行下方的安装命令，然后调用技能
    • 否 → 显示安装命令；在 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 的两项官方前端技能：一项用于评审并打造独具特色、非千篇一律的界面；另一项用于使用 Tailwind 和动画构建深色主题的 React/TypeScript UI。两者都强调鲜明的视觉风格，而非默认美学。

评论

支持 Markdown