CLAUDE CODE MARKETPLACES
SkillsMarketplacesMCPDigestLearnAdvertise

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by Category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP Servers by Category
Web & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web CrawlingAutomation & Workflows
Marketplaces by Category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control

Claude Code Marketplaces

Discover Claude Code plugins, extensions, and tools. Automatically updated directory of Anthropic Claude AI marketplaces with development tools, productivity plugins, and integrations.

Resources

  • Browse Skills
  • Browse MCP Servers
  • Browse Marketplaces
  • Plugins Reference

Community

  • About
  • Learn
  • Feedback
  • Privacy Policy
  • Advertise

Built for the Claude Code community with Claude Code by @mertduzgun

Independent project, not affiliated with Anthropic
  1. Skills
  2. /
  3. aradotso
  4. /
  5. trending-skills
  6. /
  7. Designlang Design Extract

Designlang Design Extract

Editor's Note

Crawls any website with Playwright, extracts every computed style from the live DOM, and spits out eight different theme formats: Tailwind config, shadcn/ui variables, React theme object, Figma tokens, W3C design tokens, CSS custom properties, plus AI-optimized markdown and a visual HTML report. The markdown output is legitimately useful for feeding design context to Claude when building UI. Handles auth with cookies and headers, can compare multiple sites side by side, and includes a scoring system that rates design quality across seven categories. The apply command auto-detects your framework and writes tokens directly into your project structure, which saves the tedious copy-paste step when you're reverse engineering a reference site.

Install

npx skills add https://github.com/aradotso/trending-skills --skill designlang-design-extract
Votes
0
Installs318
GitHub Stars26
Categories
Frontend DevelopmentCode Review & QualityDesign & UI/UX
First SeenJun 3, 2026
View on GitHub

Comments

Login to comment

Related Frontend Development Skills

View all →
ui-ux-pro-max

binjuhor/shadcn-lar

0
59
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check frontend UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
ui-ux-pro-max

The1Studio/theone-training-skills

0
27
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check frontend UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
syncfusion-react-dashboard-layout

syncfusion/react-ui-components-skills

0
157
3
syncfusion react dashboard layout
tailwind-css-patterns

giuseppe-trisciuoglio/developer-kit

0
11.7k
265
Utility-first CSS framework patterns for responsive, component-based styling with Tailwind v4.1+.
ui-component-patterns

supercent-io/skills-template

0
10.7k
88
Modern React component patterns for building scalable, maintainable UI libraries.
nuxt-ui

nuxt/ui

0
12.4k
6.6k
125+ accessible Vue components with Tailwind CSS theming, built on Reka UI for rapid interface development.