← All skills

work-with-design-systems

95 / 100 · Low risk

Fine to try.

By genkovich/agentic-engineering-course-public (GitHub) · design · 15 stars · scanned at commit 2dc9bdf

Inspect, build, or extend Figma design systems — and optionally sync them to code. Two modes in one skill: inspect mode (read-only audits with WCAG checks, component scoring, detached instance detection, handoff docs) and build mode (creating components with variable bindings, slot-based composition, structured descriptions, validation, and optional export of tokens.css + AI rules to the user's codebase). Use when the user says 'audit my design system', 'check component quality', 'create design…

Works with any agent that supports SKILL.md skills.

What this skill can do

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'work-with-design-systems' ] || [ -L ~/.agents/skills/'work-with-design-systems' ]; then echo 'A skill folder named work-with-design-systems already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/genkovich/agentic-engineering-course-public' "$d" && git -C "$d" checkout --quiet '2dc9bdfa5d508a04d414fb0991617e6722ec635a' -- 'modules/11-production/11.5-figma-pencil/skills/work-with-design-systems' && mkdir -p ~/.agents/skills && cp -R "$d"/'modules/11-production/11.5-figma-pencil/skills/work-with-design-systems' ~/.agents/skills/'work-with-design-systems' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'work-with-design-systems' ~/.claude/skills/'work-with-design-systems' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for genkovich/agentic-engineering-course-public shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/genkovich/agentic-engineering-course-public.svg)](https://zalavijaysinh.github.io/skilltrust/repos/genkovich/agentic-engineering-course-public/)

Score history