Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.
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+.
GDPR, WCAG 2.2 AA, and EAA compliant, self-hosted CAPTCHA alternative with PoW mechanism.
Web Experience Toolkit (WET): Open source code library for building innovative websites that are accessible, usable, interoperable, mobile-friendly and multilingual. This collaborative open source project is led by the Government of Canada.
Web Content Accessibility Guidelines
An Accessible, WCAG compliant Starter Theme for Astro 6+ including several accessibility features such as, better focus-outline, landmarks, semantics, interactive components and skip-link navigation. Ships with Tailwind 4, Prettier and ESLint support.
Highly accessible themes for GNU Emacs, conforming with the highest standard for colour contrast between background and foreground values (WCAG AAA).
IBM Equal Access Accessibility Checker contains tools to automate accessibility checking from a browser or in a continuous development/build environment
Agent skill for color science expertise. Many references covering color spaces, accessibility (APCA, WCAG), palette generation, pigment mixing, and historical color theory. Works with Claude Code, Codex, Cursor, Copilot & others.
Headless, composable primitives for building accessible UI components in Angular.
A collection of accessible components for Astro projects with built-in ARIA attributes, keyboard navigation and interactive elements. Easy to implement and customize to your needs.
🎨 Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitHub Copilot & any MCP client. 31 brand-grade themes (Linear, Stripe, Vercel, Notion, Apple, Supabase, Figma…) + design tokens, UI principles & WCAG rules. Install any component with one command.
Your AI can already see the screen — it just can't measure it. Live mobile+desktop sessions, a measurement engine (contrast, touch targets, theme drift) reporting findings as text, and a panel you and your agent share. MCP server for web/responsive UIs.
DeepSeek Harness 主题插件:Bloom 莫兰迪中国风配色,OKLCH 调色、明暗双主题、顶栏一键切换,实测达 WCAG AA。· A DSH theme plugin: Morandi Chinese-style palettes, OKLCH, light/dark, WCAG AA.
Farbwerk takes a base color, builds the eleven Tailwind steps, lets you add a secondary and tertiary scale linked by a harmony rule, scores every contrast pair with APCA and WCAG 2, and repaints a gallery of real components so you can see the palette doing its job before you export it.
AI-Native UI Engineering, Contract-Driven Design System & Multi-Target Component Architecture (React, PHP Plates, Native HTML, Web Components)
Blazor UI components you own: headless primitives + styled components delivered as source by a dotnet tool. Tailwind CSS v4, 8 skins, 16 palettes, RTL and WCAG AA out of the box.
Sci-fi dashboard framework for Claude Code. Profile data, match a design language, build a single-file HTML mockup with real bindings, QA it against WCAG AA and an IP checklist, gate it SHIP/HOLD/REWORK. 15 token sets, 4 subagents, 6 slash commands, stdlib-only validators. MIT + CC BY 4.0.
Circadia is an open OKLCH color specification for editors and terminals based on circadian science. It offers glare-free Warm Parchment for day and halation-free Warm Ember for night. These themes maintain strict WCAG 2.1 AAA legibility for continuous, low-strain focus during long writing and coding sessions.
100 curated + community desktop themes for Hermes Agent across 7 categories, WCAG contrast checked, every theme with a light/dark twin, with the Theme Switcher sidebar plugin
Build production marketing sites with Claude Code — an Astro + Cloudflare Workers template, a WordPress→Astro migration playbook, and 36 silent failures documented from real rebuilds.
Open-source, local-first design & brand toolkit. Build a brand once, then get logo variants, mockups, social assets, a brand book PDF and design tokens. Plus fonts, colors, icons, SVG & accessibility tools. No login, no backend.
Image Color Picker — Click any pixel in an image for its exact HEX, RGB, RGBA, HSL, HSV, CMYK, and LAB value — sampled from the true full-resolution pixel data, not a blurry preview. Generate dominant-color palettes, check WCAG contrast, and export straight to CSS, Tailwind, or Bootstrap. Free on ToolAdda.online.
An easy-to-read, easy-to-scan Obsidian theme, inspired by the Tela app. Contrast-audited: with its blue accent, every text colour passes WCAG AA in dark and light.