design-tokens commands

Manavarya09/design-extract

Command

Part of designlang

Generate a full editorial brand-guidelines book for any URL. 14 chapters covering brand essence/archetype, colour, typography, spacing, shape, iconography, motion, components, voice, accessibility, tokens, and how-to-use guidance. Print-ready, dark-mode toggle, hand-off-ready single HTML.

Manavarya09/design-extract

Command

Part of designlang

Fuse two extracted designs into a single hybrid identity. Pick which axis (colour, typography, spacing, shape, motion, voice, components) comes from which site. Defaults to "visual A × voice B" — same colours/spacing as the first URL, type/voice/components from the second.

Manavarya09/design-extract

Command

Part of designlang

Recolour an extracted site's design around a new brand primary. OKLCH hue rotation preserves perceptual lightness — neutrals, type, spacing, and motion stay untouched. Side-by-side HTML preview + recoloured tokens (DTCG, Tailwind, shadcn, Figma).

murphytrueman/design-system-ops

Command

Part of design-system-ops

Generate an AI-optimised component description.

murphytrueman/design-system-ops

Command

Part of design-system-ops

Comprehensive design system health sweep.

murphytrueman/design-system-ops

Command

Part of design-system-ops

Pre-release validation pipeline for a component.

bennypowers/asimonim

Command

Convert and combine DTCG token files between formats.

bennypowers/asimonim

Command

List all tokens from design token files with optional filtering and formatting.

bennypowers/asimonim

Command

Launch a Model Context Protocol (MCP) server for AI-assisted development with design tokens. The server communicates over stdin/stdout using JSON-RPC.

rudraptpsingh/figbridge

Command Claude Code

Lint the currently open Figma file for design-system violations and produce a PR-ready markdown report.

atezer/FMCP

Command

Part of figma-mcp-bridge

Kullanıcı bir Figma linki ile yeni tasarım sistemi eklemek istediğinde bu komutu kullan. Bu komut yeni ekleme ve güncelleme arasındaki farkı otomatik tespit eder.

atezer/FMCP

Command

Part of figma-mcp-bridge

Mevcut bir tasarım sistemi kütüphanesini Figma'dan senkronize eder. Tam sync, kısmi sync ve resume (yarım kalanı devam ettirme) destekler.

atezer/FMCP

Command

Part of figma-mcp-bridge

Kullanıcı "kütüphane doğrula", "DS'i validate et", "cache'i kontrol et", "DS uyumunu denetle" dediğinde bu komutu uygula. Eklenmiş DS'lerin repo template + user-local cache + state dosyalarının birbiriyle tutarlı olduğunu denetler.

Abdulkader-Safi/wp-to-code

Command

Part of wp-to-code

Set up a WordPress port. Detects the source builder and the target stack, then writes .wp-to-code/config.json.

Abdulkader-Safi/wp-to-code

Command

Part of wp-to-code

Dump the layout tree, section list, content or interactive inventory for a page to a file.

Abdulkader-Safi/wp-to-code

Command

Part of wp-to-code

Download the original site to a local directory that can be served flat, and find each page's section root.

ssheleg/sheleg-design-skill

Command

Part of sheleg-design

Apply the SHELEG Design methodology (single-clock, layered, degrade-to-calm motion) to the current landing-page / hero / scroll-animation task — or its style packs to product UI (dashboards, admin, internal tools).

naidx0/web-vid

Command

Part of web-vid

Recreate a website or web app as a Remotion promo video, rendered to MP4.