data-ai MCP Server
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
Discovered via github-seeds:mcp-hot and last synced 3mo ago.
1. Install the package
npx designlang
2. Add to claude_desktop_config.json
{
"mcpServers": {
"designlang": {
"command": "npx",
"args": [
"designlang"
]
}
}
}Config file location: ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) / %APPDATA%\Claude\claude_desktop_config.json (Windows)
automatic
`--screenshots`
`designlang watch <url>`
`--responsive`
`--deep-interact`
What it is
automatic
`--interactions`
`--depth <n>`
`designlang score <url>`
Flag / Command
`designlang apply <url>`
`--platforms <csv>`
`designlang clone <url>`
DOM subtree + style-vector clustering with variants
art-deco
`designlang diff <A> <B>`
`designlang brands <urls...>`
`designlang sync <url>`
W3C Design Tokens v1 with semantic + composite layers (`--tokens-legacy` for pre-v7)
editorial, --all, --list, --open) pack <url> Bundle every output into one design-system directory (--with-clone, --open) theme-swap <url> --primary <hex> Recolour around a new brand primary (--from, --format html
Path
tokens
`--full`
`designlang history <url>`
json
Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D, charts, text effects, transitions, and media handling. Use when writing Remotion code, building video generation pipelines, or creating data-driven video templates.
Postiz is a tool to schedule social media and chat posts to 28+ channels X, LinkedIn, LinkedIn Page, Reddit, Instagram, Facebook Page, Threads, YouTube, Goog...
OpenClaw CLI wrapper — gateway, channels, models, agents, nodes, browser, memory, security, automation.
Text-to-speech conversion using node-edge-tts npm package for generating audio from text. Supports multiple voices, languages, speed adjustment, pitch control, and subtitle generation. Use when: (1) User requests audio/voice output with the "tts" trigger or keyword. (2) Content needs to be spoken rather than read (multitasking, accessibility, driving, cooking). (3) User wants a specific voice, speed, pitch, or format for TTS output.
Open-source sandboxed agent harness for teams. Giving every employee a secured personal agent.
OS-level autonomous AI agent with long-term memory, multi-agent coordination, Titan Chronos scheduler & Moltbot Social Core
The open-source TypeScript framework for building AI workflows and agents. Designed for Claude Code describe what you want, Claude builds it, with all the best practices already in place.
Put the world's smartest AI agents & plugins in your pocket
Learn how to use the Nodejs Patterns Claude skill. Complete guide with installation instructions and examples.
Learn how to use the ClawSwarm Whale Watcher Claude skill. Complete guide with installation instructions and examples.
Learn how to use the NestJS Development Guide Claude skill. Complete guide with installation instructions and examples.