design-ops

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

The design system behind my Figma plugins Impact Atlas, Tokens to Ink and Font Scaling Lab, with a living style guide of every token and component.

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

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

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

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.

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

CivicActions' Design, Content, and Research Practice Area

Keeps your design system true in code. Checks every token, component and state against Figma and WCAG 2.2 in a real browser, builds a living style guide and prototypes from your real components, sweeps Figma renames across every product, and turns near copies into decisions. Works inside Claude Code.

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.

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.

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.