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.
プロジェクトのスクリーンショットこのスキルについて
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 による編集上の提案です。
