从设计到代码的 Frontend UI 实现 (Design-to-Code)

一种 AI 编码 Agent 技能,可从 Figma、Sketch 和其他设计平台自动生成高保真、可访问且可用于生产的 Frontend 代码。

bovinphang
2026年6月3日
0 收藏
455 下载

安装与下载

1 ClawHub CLI

从源直接安装技能的最快方式。

npx clawhub@latest install fec-implement-from-design

2 手动安装

将技能文件夹复制到以下位置之一

全局模式 ~/.openclaw/skills/
工作区 {'/skills/'}

优先级:工作区 › 全局 › 内置

3 提示词安装

将此提示词复制到 Openclaw 即可自动安装。

请帮我使用 Clawhub 安装 skill-fec-implement-from-design。如果尚未安装 Clawhub,请先安装(npm i -g clawhub)。

更倾向于下载?

获取包含原生技能文件的ZIP压缩包。

下载技能 (.zip)

基本信息

名称 从设计到代码的 Frontend UI 实现 (Design-to-Code)
Slug fec-implement-from-design
创建者 bovinphang
创建时间 2026-06-03 20:27:23
更新时间 2026-08-23 18:29:34
收藏数 0
使用量 455
浏览量 18

概述

一种 AI 编码 Agent 技能,可从 Figma、Sketch 和其他设计平台自动生成高保真、可访问且可用于生产的 Frontend 代码。