Hoang Ngoc Quang Anh Computer, Windows & software tips
VI

designlang — Extract a Website’s Colors and Fonts

Hoang Ngoc Quang Anh Updated 0 views
designlang — Extract a Website’s Colors and Fonts
Share:FacebookTelegramZalo
⚡ Quick install — copy & paste
Option 1 — Claude Code (recommended)
Step 1 — paste into the chat, press Enter
/plugin marketplace add Manavarya09/design-extract
Step 2 — paste into the chat, press Enter
/plugin install designlang@designlang
For beginners: open Claude Code → paste the line above into the chat box (not the Terminal) → press Enter. The AI can then use it.
Option 2 — for Cursor / Windsurf / Codex…
npx designlang
For beginners: Windows: open CMD (click Start → type cmd → Enter), do NOT use PowerShell (PowerShell blocks npx.ps1 because of ExecutionPolicy → error) · macOS/Linux: open Terminal.
🗑️ How to uninstall (per the README)
The repo README does not say how to uninstall. Check the repo README/GitHub for the exact steps.

▶️ Usage summary

  • Install (Claude Code): /plugin marketplace add Manavarya09/design-extract then /plugin install designlang@designlang
  • Drop a live design-score badge in any README: Design Score

🇻🇳 Đọc bằng tiếng Việt

designlang — Extract a Website’s Colors and Fonts — Extracts a website's entire design system (colors, fonts, spacing…) with a single command.

What is designlang — Extract a Website’s Colors and Fonts?

designlang — Extract a Website’s Colors and Fonts is a skill (a capability for AI agents such as Claude, Codex and Cursor) on GitHub (Manavarya09/design-extract). Extracts a website's entire design system (colors, fonts, spacing…) with a single command.

What can designlang — Extract a Website’s Colors and Fonts do?

  • Capture the visual identity of any website
  • Exports to standards usable across many platforms
  • A bridge for Claude/Cursor/Windsurf

How to install designlang — Extract a Website’s Colors and Fonts

See the ⚡ Quick install section at the top of the page — it has a ready-to-copy command taken from the author’s README, plus where to run it. For the full instructions, see the README at the end of the page.

Frequently asked questions about designlang — Extract a Website’s Colors and Fonts

Is designlang — Extract a Website’s Colors and Fonts free?

Yes. designlang — Extract a Website’s Colors and Fonts is an open-source project on GitHub, so you can download and use it for free.

Is designlang — Extract a Website’s Colors and Fonts hard to install?

No. You only need to run one command above.

Download & source code

The source code, README and latest updates of designlang — Extract a Website’s Colors and Fonts are at github.com/Manavarya09/design-extract. The star count and update date on this page sync automatically from GitHub.

📖 Full guide

🌐 Translate (Google):

Loading the guide…

🔗 Related repos

canvas-designCreates beautiful visual art as .png and .pdf files using design thinking — posters, artw…frontend-designGuidance for designing distinctive interfaces with taste when building new UI or redesign…theme-factoryA toolkit for applying themes to artifacts — slides, docs, reports, HTML landing pages… C…web-artifacts-builderA toolkit for building complex, multi-component HTML artifacts for claude.ai with modern …algorithmic-artCreates algorithmic (generative) art with p5.js using seeded randomness and interactive p…brand-guidelinesApplies Anthropic's official brand colors and typography to any artifact that needs the c…
Have a question? Ask the groupFacebook group Ask Anything (in Vietnamese): free Q&A on any topic, with real answers.Join the group →
Hoang Ngoc Quang Anh

Sharing computer, Windows and software tips. If you have a question, leave a comment below.