用途：把 Figma 设计稿、截图或设计规范实现为 HTML、CSS 与 React 等代码，并辅助设计师与开发者交接。
主要能力：将 Figma 自动布局映射为 CSS flexbox/grid（方向、gap、padding、对齐、Hug/Fill、换行、最小最大宽度）；把组件变体属性映射为组件 props（如 Size、State、Type、HasIcon）；把 Figma 变量与文本样式映射为 CSS 自定义属性；依据约束推断响应式行为；从检查面板提取排版、间距、颜色并实现主题与暗色模式；导出 SVG 图标并用 SVGR 转换。
使用方式：触发场景包括实现 Figma 界面、翻译具体属性、匹配间距排版颜色、把变体转为 React/Vue/Svelte props、处理设计令牌与响应式、像素级实现与视觉走查、交接流程。核心原则：自动布局对应 flexbox/grid；设计令牌是交接契约，无令牌时先建 CSS 变量；用检查面板取值而非目测；组件对应组件；以响应式意图优先于像素完美。图标导出可用 npx @svgr/cli --out-dir src/icons -- ./figma-exports/。首次激活会检查配套技能，缺失时可用 npx skills add AbsolutelySkilled/AbsolutelySkilled --skill <name> 安装。
适用场景：设计稿转代码、设计系统落地、组件库实现、响应式还原、设计走查。
限制：不适用于无 Figma 来源的纯 CSS 架构问题，也不用于品牌识别、Logo 创作或原创 UI 设计。需注意 Figma 固定尺寸不等于 CSS 固定值、绝对定位坐标相对直接父级、字距百分比需除以 100 转为 em、阴影负扩散值等差异。详细映射表见 references/figma-css-mapping.md，仅在复杂布局时加载。具体收费与平台支持暂未提供。