Skip to main content
Open Skills
build-designby Jakub KrehelDesignGitHub stars: 8.6k

Build Design skill: what it does and how to install it

Builds UI from Figma files or design images by mapping their values to existing project tokens and components, then comparing rendered results.

Summary generated from the skill's documentation.

Install

$ npx skills add jakubkrehel/skills --skill build-design

Run it in a terminal. If your agent is already running, start a new session so it picks the skill up.

About this skill

What it does. Reads named Figma frames or estimates values from design images, maps them to the project's tokens and components, and implements only the UI shown. It compares rendered output at the specified widths and reports matches, deviations, unwired data and missing states.

When to use it. When implementing a design in an existing project. For image-only references, measurements are estimates; Figma provides exact values.

History

Repo stars

8.6k+1.1k since 1 Oct 2026

Stars are counted for the whole repository, which holds 13 skills.

Show as a table
Repo stars by day
DateRepo stars
26 Oct 20268,551
25 Oct 20268,258
24 Oct 20268,219
23 Oct 20268,182
22 Oct 20268,145
21 Oct 20268,102
20 Oct 20268,053
19 Oct 20268,038
18 Oct 20268,012
17 Oct 20267,994
16 Oct 20267,968
15 Oct 20267,935
14 Oct 20267,916
13 Oct 20267,883
12 Oct 20267,835
11 Oct 20267,732
10 Oct 20267,691
9 Oct 20267,620
8 Oct 20267,532
7 Oct 20267,513
6 Oct 20267,497
5 Oct 20267,469
4 Oct 20267,441
3 Oct 20267,428
2 Oct 20267,422
1 Oct 20267,407

Installs

3.7k

Tracking since . A chart appears once there are 7 days of data.

Installs via skills.sh

Similar skills