Build Design

jakubkrehel/skills

使用项目现有组件与设计变量,将 Figma 或图片中的设计实现为界面。

最近更新于:

查看 GitHub 项目
npx skills add jakubkrehel/skills
12,051Stars468Forks仓库最近推送

安装

使用作者提供的命令从原始仓库安装,在安装程序中选择所需 Skill 和使用的 Agent;相关工作流可能依赖仓库中的其他 Skill。

  1. 安装仓库

    在终端中运行。

    npx skills add jakubkrehel/skills

官方仓库与安装说明

关于这个 Skill

使用项目现有组件与设计变量,将 Figma 或图片中的设计实现为界面。将设计值映射到项目变量,并按设计稿宽度对照实现结果。

为什么推荐

属于 Jakub Krehel 的 Interfaces Skills 合集。安装上游仓库以保留相关说明。

适合用来做什么

  • 将设计值映射到项目变量,并按设计稿宽度对照实现结果。

使用前需要了解

  • 需要能读取 SKILL.md 的 Agent 和相关项目。浏览器检查需要可用的浏览器;无法执行的检查应明确标出。
  • Figma 链接需要已连接并登录的 Figma MCP;截图中的尺寸只能估算。

支持的 Agent

Claude CodeCodex CLIOpenCode

资料与来源

原始资料见下方链接;文中的上手建议由 SkillHey 编辑整理。