Build Design

jakubkrehel/skills

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

Contenu mis à jour:

Dans la collectionInterfaces Skills ↗
Voir sur GitHub
npx skills add jakubkrehel/skills
12 051Étoiles468ForksDernier push du dépôt

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

À propos de ce 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.

Pourquoi ce choix

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

À quoi il sert

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

Avant de l’utiliser

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

Agents compatibles

Claude CodeCodex CLIOpenCode

Sources et références

Les sources originales sont liées ci-dessous. Les pistes pratiques sont des suggestions de la rédaction de SkillHey.