Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.

Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.

Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.

Design Token Automations

Figma plugin to reference styles

Open-source Figma plugins for design system teams. Trace token impact across your system, extend color tokens into print, and stress-test layouts under text scaling.

Сборка иконочного шрифта из библиотеки Sketch

17 installable agent skills for distinctive web design: art direction, implementation, critique, accessibility, and visual QA for Codex, Claude Code, and Cursor.

面向产品设计团队的 3 个 AI Skills：需求预检、用户研究综合与设计交付检查，让洞察有据可查，让问题更早暴露，让交付更完整。

Claude Code plugin for Pencil (.pen) design-quality: analyze, design, audit, and transpile to code against a universal 4px-grid scale — framework-agnostic.

Visual design diffs in GitHub PRs. Before/after screenshots for every .pen design change. Free, open-source GitHub Action.

CivicActions' Design, Content, and Research Practice Area

Generate → review → settle: brand assets as a repeatable pipeline, not a lucky prompt. An agent skill that reads your repo's brand state, hands structured weight to the producer you bind, gates every round on human review, and seals only accepted assets into a durable portfolio.

Open-source starter template for organizing brand assets. Maintained by Brandhorse as the companion to our brand asset creation guide.

Plugin for Figma that simplifies content collaboration. Export/import string variables to and from any spreadsheet tool!

Sketch plugin that finds and automatically applies existing styles to missing ones.

basic directory structure, dependencies and example tasks for gulp.js projects

Claude Code skills aimed at product work rather than the codebase — the Figma file you draw in and the spec beside it

Design Production Pipeline for digital designer. Skill pack that turns a plain-text request into a working, machine-verified interface foundation for sites and web apps.