Skills

Personal skills for coding agents by Sergey Bliznetsov.

Available skills

figma-pixel-perfect

Collects exact Figma evidence, creates a local design specification, and helps an agent compare and refine an implementation.

See the skill guide for the workflow and example prompts.

The skill keeps tokens, Figma exports, screenshots, audit files, and implementation drafts outside both this repository and the product repository. It stores them under ~/.figma-pixel-perfect/.

Install

Any supported agent

The skills CLI supports Codex, Claude Code, Cursor, Gemini CLI, GitHub Copilot, and other agents:

npx skills add kenaku/skills --skill figma-pixel-perfect

To install all skills from this repository into every detected agent without prompts:

npx skills add kenaku/skills --all

Update skills installed with the CLI:

npx skills update

Codex

For a personal installation, install a copy into Codex's user-level skills directory:

npx skills add kenaku/skills --skill figma-pixel-perfect --agent codex --global --copy -y

Codex reads personal skills from ~/.agents/skills/.

For Codex Cloud or a project-specific installation, install the skill into the target repository. Run this command from that repository and commit the generated .agents/skills/ directory:

npx skills add kenaku/skills --skill figma-pixel-perfect --agent codex --copy -y

The repository also includes .codex-plugin/plugin.json, so the complete repository can be used as a Codex plugin bundle.

Claude Code

claude plugin marketplace add kenaku/skills
claude plugin install kenaku-skills@kenaku

Then run /reload-plugins in Claude Code.

Manual installation

Copy skills/figma-pixel-perfect/ to the skills directory used by your agent. Keep the complete directory. The references and scripts are part of the skill.

First run

Run the setup check from the installed skill directory:

bash scripts/doctor.sh --setup

It checks:

• Node.js
• cwebp
• webpinfo
• ~/.figma-pixel-perfect/.env

Put your own Figma personal access token in that local .env file:

FIGMA_ACCESS_TOKEN=<your-token>

The token and generated evidence must not be committed to this repository.

Repository structure

skills/
  figma-pixel-perfect/
    SKILL.md
    agents/openai.yaml
    references/
    scripts/
.codex-plugin/plugin.json
.claude-plugin/

Validate

node scripts/validate-skills.mjs
node --test skills/figma-pixel-perfect/scripts/figma-rest.test.mjs
bash skills/figma-pixel-perfect/scripts/doctor.test.sh
bash skills/figma-pixel-perfect/scripts/prepare-image.test.sh

License

MIT