用途：在包含 @leafygreen-ui/* 依赖的 React 项目中编写或编辑组件（.tsx/.ts）时自动应用 LeafyGreen 编写规范，确保 UI 实现与 MongoDB 设计系统一致。
主要能力：提供常见 UI 元素到 LeafyGreen 组件的映射，例如按钮用 @leafygreen-ui/button 的 Button，文本输入用 @leafygreen-ui/text-input 的 TextInput，下拉用 @leafygreen-ui/select 的 Select、Option，可搜索下拉用 @leafygreen-ui/combobox 的 Combobox，搜索框用 @leafygreen-ui/search-input 的 SearchInput，数字输入用 @leafygreen-ui/number-input 的 NumberInput，复选框、单选、开关、图标按钮、图标、排版、模态、提示、标签页、表格、徽章、横幅、Toast、菜单、卡片、代码块、Logo、步骤条、Pipeline 等也都有对应包。规范要求：当存在 LeafyGreen 等价组件时，不要使用原生 HTML 元素。
使用方式：若所需包尚未安装，先执行 npm install @leafygreen-ui/[package-name]。组件使用命名导入，例如 import { H1, Body, Subtitle } from '@leafygreen-ui/typography'、import { Button } from '@leafygreen-ui/button'；Icon 使用默认导入 import Icon from '@leafygreen-ui/icon'。样式颜色必须使用 @leafygreen-ui/tokens 的设计令牌，如 palette.gray.dark2，禁止硬编码十六进制色值。从 Figma MCP 实现设计时，先扫描设计上下文中的“⚛️ React name:”条目，与 package.json 交叉核对并安装缺失包，不得用原生 HTML 替代设计规范中指定的 LeafyGreen 组件。
文件与类型约定：新组件放在 src/components/[ComponentName].tsx，每个文件一个组件，文件和组件名用 PascalCase（如 ProjectCard.tsx）；在 src/components/ 之外新建文件夹前需先询问。始终用 TypeScript 接口显式定义 prop 类型，不使用 any。组件应保持职责单一，功能过多时拆分。
适用场景：使用 LeafyGreen 设计系统的 React 前端开发，尤其是依据 Figma 设计稿实现界面时。
限制：资料未提供该技能的安装方式、版本要求、收费信息及具体运行环境细节。