designlang
Thirteen slash commands wrapping the designlang CLI: /extract (full design language → DTCG, Tailwind, Figma), /site (crawl a whole site → one canonical design system + consistency…
Pacote de plugins · de Manavarya Singh
Resumo
designlang é um pacote de plugins para ferramentas de programação com IA publicado por Manavarya Singh. Marketplaces que lemos e que o listam: 1 (Community GitHub marketplaces). A última mudança que registramos foi em 2026-10-29. Conforme nossa passagem pelos marketplaces em 2026-10-29.
Thirteen slash commands wrapping the designlang CLI: /extract (full design language → DTCG, Tailwind, Figma), /site (crawl a whole site → one canonical design system + consistency grade), /grade (shareable HTML report card + SVG badge), /battle (head-to-head graded comparison), /remix (restyle in 6 vocabularies — brutalist, swiss, art-deco, cyberpunk, soft-ui, editorial), /pack (one downloadable design-system bundle), /theme-swap (OKLCH-correct recolour around a new brand primary), /brand (full editorial brand-guidelines book — 13 chapters, hand-off-ready), /pair (fuse two designs across configurable axes — colours from one site, typography from another), /studio (live token-editor with component preview + export), /verify (rebuild from tokens and pixel-diff vs live for a fidelity score), /fidelity (score a clone vs the original — visual pixel-diff + motion fidelity — with a ranked correction plan), /gallery (build a shareable static gallery of measured clones).
O que pede
- Instala-se como pacote de plugins
Nenhum dos marketplaces que lemos publica as ferramentas ou as configurações que ele pede.
O que declara, pede e executa, por completo
Instale apenas plugins de desenvolvedores em quem você confia. Mostramos o que os marketplaces publicam e não testamos plugins.
Funciona com
- Claude Code
Pelos marketplaces que o listam e pelo transporte MCP que declara, conforme cada cliente documenta. Não testamos plugins.
Conectar
Comandos e configurações gerados apenas a partir do que os marketplaces declaram. Não os executamos por você e não testamos plugins.
Como plugin do Claude Code
Gerado a partir do que Community GitHub marketplaces declara.
/plugin marketplace add manavarya09/design-extract
/plugin install designlang@designlangOnde está publicado
| Marketplace | Status | Versão | Números | Verificado | Visto pela primeira vez |
|---|---|---|---|---|---|
| Marketplace da comunidade manavarya09/design-extract (Abrir o código no GitHub) | Listado | 13.3.2 | Forks (GitHub): 376 Estrelas (GitHub): 4 413 |
Sem marcação |
Cada número é do próprio marketplace e nunca é somado entre marketplaces. Um marketplace que não publica números não mostra nenhum: sem número não é zero.
Listado em um marketplace da comunidade
| Marketplace | Repositório | Estrelas (GitHub) |
|---|---|---|
| designlang | manavarya09/design-extract | 4 413 |
O que o pacote contém
Conforme publicado em Community GitHub marketplaces.
Skills: 1
extract-design
Comandos: 14
battlebranddnaextractfidelitygallerygradepackpairremixsitestudio
Mostrar mais 2
theme-swapverify
O que mudou
- Passou a ser um produto que acompanhamos
- Community GitHub marketplaces: apareceu
Plugins semelhantes
Produtos cujos próprios nomes, descrições, ferramentas e skills são os mais próximos deste pelo significado, em todos os marketplaces que lemos. A proximidade é ordenada apenas dentro desta lista.
-
A full design suite for Claude Code: 58 brand design systems (Stripe, Linear, Vercel, Google, Anthropic and more) + 5 curated skills for UI/UX generation, accessibility auditing…
-
Builds comprehensive design systems and design bibles with production-ready CSS. Expert in design tokens, component libraries, CSS architecture. Use for design system creation…
-
29 specialized design agents as Claude Code commands. Bring expert design knowledge into every coding session - accessibility, motion design, design systems, color theory…
-
design-system-audit-and-remediation
Identify design debt, audit tokens, and enforce consistency across a product.
-
Advanced frontend design plugin with interactive wizard, trend research, moodboard creation, browser-based inspiration analysis, color/typography selection, and WCAG accessibility
-
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…
-
Analyze design trends and recommend appropriate styles, color palettes, and typography systems for your project based on current design movements. NOT for accessibility auditing…
-
Design tokens from any live site: colours, type, spacing, components, drift against a baseline.
-
Guide AI-assisted UI generation toward enterprise-grade design. Use when building UIs, creating dashboards, designing SaaS applications, or generating styled frontend code…
-
Design principles, legendary designers, and historical movements applied to UI work, with agents and workflows for brand identity, design audits, style guides, and premium landing…
Plugins semelhantes por marketplace
A mesma pergunta feita a cada marketplace separadamente: existe lá um equivalente deste plugin?
Listado em Claude Code: claude-plugins-community (5)
-
A full design suite for Claude Code: 58 brand design systems (Stripe, Linear, Vercel, Google, Anthropic and more) + 5 curated skills for UI/UX generation, accessibility auditing…
-
29 specialized design agents as Claude Code commands. Bring expert design knowledge into every coding session - accessibility, motion design, design systems, color theory…
-
Connect Claude Code to Figma with 46 MCP tools, 20 specialized skills, and 8 commands. Read, write, and analyze Figma designs directly — no REST API token required. Privacy-first…
-
Agent-orchestrated design pipeline for Claude Code. Five stages (brief → discover → plan → design → verify), 33 specialized agents, 12 tool connections including Figma, shadcn/ui…
-
design-drift prevents AI agents from drifting away from your design system in real time. Lock any of existing brands design systems and every Write/Edit to a UI file is…
Listado em Claude Code: claude-plugins-official (5)
-
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.
-
Plugin for coding agents working with UI theme designer. Bundles two skills: how-to and conceptual answers about UI theme designer on BTP, and questions about the SAP Design…
Listado em Claude: knowledge-work-plugins (5)
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.
-
B12 plugin with two skills: Website Generator (create a B12 website from a brief description) and B12 Website Editor (edit a live B12 website using Claude's browser access in…
-
Create production-ready Pendo in-app guides (walkthroughs, announcements, alerts, polls, promotions) as HTML/CSS/JS from a short intake conversation, using Pendo's guide…
Listado em Codex: openai-curated (openai/plugins) (5)
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore…
-
Bring your Canva design workflow into Codex and create, refine, and review designs through natural conversation. Available skills: Resize for social media: Adapt a design for…
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
Listado em Community GitHub marketplaces (5)
-
Builds comprehensive design systems and design bibles with production-ready CSS. Expert in design tokens, component libraries, CSS architecture. Use for design system creation…
-
design-system-audit-and-remediation
Identify design debt, audit tokens, and enforce consistency across a product.
-
Advanced frontend design plugin with interactive wizard, trend research, moodboard creation, browser-based inspiration analysis, color/typography selection, and WCAG accessibility
-
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…
-
Analyze design trends and recommend appropriate styles, color palettes, and typography systems for your project based on current design movements. NOT for accessibility auditing…
Listado em Copilot CLI: github/awesome-copilot (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Equips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.
-
Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.
-
Build and publish websites, dashboards, reports, and small web tools with Spacefast. Includes skills for editing Spaces, sharing previews, connecting domains, and restoring…
-
Keep your coding agent up to date with the latest web best practices
Listado em Copilot CLI: github/copilot-plugins (5)
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
-
Bring Azure DevOps work-item, repository, and pull-request workflows into GitHub Copilot.
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
Listado em Cursor: cursor/plugins (5)
-
Generate presentations, documents, and webpages.
-
Render PR diffs as review canvases grouped by importance.
-
Design, build, and edit your Framer sites, pages, and CMS content.
-
Render documentation as a navigable canvas.
-
Skills for building on the Cursor Origin API. Fetch the live spec first, then follow the Origin rules for credentials, scopes, webhooks, paging, and errors. Includes a skill that…
Listado em Docker MCP Catalog (5)
-
Generate images, video, and audio with Glif's media-generation agent
-
Model Context Protocol (MCP) server for the Webflow Data API.
-
A Model Context Protocol (MCP) server that empowers LLMs to use some of Open Srategy Partners' core writing and product marketing techniques.
-
Access the latest Astro web framework documentation, guides, and API references.
-
Stop stitching context for Copilot and Cursor. With Sequa MCP, your AI tools know your entire codebase and docs out of the box.
Listado em Official MCP Registry (5)
-
Design tokens from any live site: colours, type, spacing, components, drift against a baseline.
-
Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.
-
Curated design references for AI — real CSS values, typography specs, and color palettes.
-
design-system app.zaklad/design-system
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
-
Extract a website’s design tokens (colors, type, spacing, shadows) as DESIGN.md, W3C, or CSS.
Listado em PyPI (MCP servers) (5)
-
canva com.mcparmory/canva
Create designs, manage assets, and automate design generation from external workflows
-
canva-mcp io.github.wmarceau/canva-mcp
MCP server for Canva - create designs, manage assets, use templates, export graphics
-
figma com.mcparmory/figma
Export files, access design data, manage projects, comments, and team assets
-
Connect AI assistants to Outline for document search, reading, and management
-
Generate beautiful Excalidraw architecture diagrams with auto-layout and component styling
Listado em npm registry (MCP servers) (5)
-
Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.
-
designer-skill-mcp io.github.PyModel/designer-skill-mcp
UI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.
-
figma-mcp-rust io.github.alvinindra/figma-mcp-rust
Figma MCP server in Rust: plugin bridge, no API token, no rate limits, 73 tools.
-
storeshots-mcp io.github.mtbun/storeshots-mcp
Render store-ready App Store and Google Play screenshots: device frames, headlines, exact sizes.
-
AI-Ready design system MCP: melta UI tokens, component contracts, 107 rules, check_html self-verify
Encontrados pelo significado, não por código ou repositório em comum: plugins semelhantes continuam sendo produtos distintos, e isto não é uma avaliação nem uma recomendação.
Quer esta marca no seu plugin em nosso catálogo?
Prove que o mantém com um arquivo no repositório, um arquivo no seu domínio ou um registro DNS, e você poderá mostrar esta marca na ficha, com banners ao vivo para o seu site e o README. Como funciona a verificação
Você também recebe alertas quando um marketplace o publica, o remove, muda a marca de verificado ou o que ele pede, e o endpoint remoto passa a ser monitorado como um serviço web.
Dados de Community GitHub marketplaces. Os números vêm das nossas próprias passagens regulares pelos marketplaces, última leitura em . Não publicamos dados de contato dos editores de plugins.