Build Design

jakubkrehel/skills

Implement UI from Figma or an image with the project’s existing components and tokens.

Материал обновлён:

В коллекцииInterfaces Skills ↗
Открыть на GitHub
npx skills add jakubkrehel/skills
12 051Звёзды468ФоркиПоследний push репозитория

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.

  1. Install the repository

    Run this in a terminal.

    npx skills add jakubkrehel/skills

Official repository and installation

Об этом 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.

Почему мы его выбрали

Part of Jakub Krehel’s Interfaces Skills collection. Install the upstream repository to retain its related instructions.

Для каких задач подходит

  • Map design values to project tokens and compare the built UI at the supplied frame widths.

Перед использованием

  • 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.

Поддерживаемые агенты

Claude CodeCodex CLIOpenCode

Источники и материалы

Ссылки на оригинальные материалы приведены ниже. Практические идеи предложены редакцией SkillHey.