Install
Install from the original repository with the author’s command. Choose the skills and agent supported by your environment in the installer; related workflows can require other skills from the same repository.
Install the repository
Run this in a terminal.
npx skills add jakubkrehel/skills
Exploded technical illustration of a hard disk drive, with its cover, head assembly, platters, enclosure and circuit board.
Project screenshotsAbout this Skill
Implement UI from Figma or an image with the project’s existing components and tokens. Map design values to project tokens and compare the built UI at the supplied frame widths.
Why we picked it
Part of Jakub Krehel’s Interfaces Skills collection. Install the upstream repository to retain its related instructions.
What it helps with
- Map design values to project tokens and compare the built UI at the supplied frame widths.
Before you use it
- An agent that can load SKILL.md files and access the relevant project. Browser-based checks need an available browser; report checks that could not be performed.
- A Figma link requires a connected and authenticated Figma MCP. Measurements from a screenshot are estimates.
Supported agents
Sources & references
Original sources are linked below. Practical starting points are editorial suggestions from SkillHey.
