Integrations

Integrations The color engine, where you already work.

Five ways to use the site’s color and accessibility engine outside the site, each with a setup you can follow from start to a first result. Only what you can install today is listed, and every version and example was checked on 14 October 2026.

Choose an integration What is not available yet

Ready to install: 5
Last checked: 14 October 2026
Cost: Free, except the API

Ready to install

Five integrations, each with a setup guide

Each guide goes from installing to a first real result. The product pages linked beside them describe every feature.

1.0.2

Browser extension

Check and fix contrast on the page in front of you.

Chrome · Edge · Brave · Opera · Vivaldi · Arc · Firefox 115+

Setup guide Product page
0.1.0

VS Code

Underline low contrast in your stylesheets and fix it in place.

VS Code 1.74+

Setup guide Product page
v1

REST API

Convert colors and check pairs from a server or a script.

HTTPS · JSON

Setup guide Product page
Design tokens

Export one token system to Tailwind, CSS or Figma.

Tailwind v4 · CSS · Figma

Setup guide Product page
Contrast embed

Put a contrast checker on your own page.

HTML · iframe · English, Hindi

Setup guide Product page

Workflows

Four workflows built on the exports and the API

Nothing from this site to install: each takes the token studio’s exports, or the API, into a tool you already use, with files to reproduce it.

Tailwind theme

Start a Tailwind v4 project with accessible components.

Tailwind 4.3.3 · CSS · HTML

Setup guide Product page
React tokens

Theme a React app from the token export.

React 19.3.1 · esbuild 0.28.2 · CSS

Setup guide Product page
Figma variables

Turn Figma variables into CSS tokens.

Node.js 18+ · DTCG · Figma REST API

Setup guide Product page
Contrast in CI

Check your color pairs on every pull request.

Node.js 18+ · GitHub Actions · REST API

Setup guide Product page

Choosing

Which one for which job

Which integration fits which job
Job	Use
Check the contrast and accessibility of a page you are looking at	Browser extension
Catch low contrast while you write CSS, and fix it in place	VS Code
Lint markup against WCAG across a whole project	VS Code
Convert colors or check pairs from your own code or service	REST API
Put a contrast checker on your own page	Contrast embed
Give a Tailwind or CSS codebase a measured color system	Design tokens
Create the same tokens as variables in a Figma file	Design tokens
Start a Tailwind project with an accessible theme and components	Tailwind theme
Bring a Figma file’s variables into CSS	Figma variables
Use the tokens in a React app, with light, dark and system themes	React tokens
Fail a pull request when a color pair drops below its contrast	Contrast in CI

Not available yet

Built, but not released

These exist in the site’s code but have no public listing or package, so there is nothing to install. They get a setup guide here when they are released.

Integrations that are not released yet
Integration	Status
Figma plugin	No Figma Community listing.
Penpot plugin	No listing in Penpot’s plugin catalog.
Sketch plugin	No published download.
Raycast extension	Not in the Raycast Store.
Alfred workflow	No published download.
Slack and Discord bots	Not open for teams to add.
JavaScript and Python clients, and the auric CLI	`@auric-artisan/api`, `@auric-artisan/cli`, `auric-artisan` are not on npm or PyPI. Call the API over HTTP, as the API guide shows.
MCP server	No published package.

Method

How these guides stay accurate

Versions come from the stores. The Chrome Web Store, Firefox Add-ons, the VS Code Marketplace and the API itself are read on the day of each check.
Permissions and settings come from the shipped packages. They are read from the extension’s release ZIP and the published VS Code packages, not from notes.
Every example is run. The VS Code diagnostic comes from the published extension’s own code, the API responses from the API’s own server, and the Tailwind classes from a real Tailwind build.
Nothing unreleased is linked. A package the registries do not have is listed as not available rather than given an install command.

Checked against

Where these facts come from

Versions, requirements and examples on this page were checked on 14 October 2026. Each guide records how it was checked.

Chrome Web Store: Auric Artisanchromewebstore.google.com
Firefox Add-ons: Auric Artisanaddons.mozilla.org
Visual Studio Marketplace: publisher auric-artisanmarketplace.visualstudio.com
Auric Artisan API: endpoint listapi.auricartisan.com

Found a mistake? Write to us and we will correct it.