Skip to content

Installation

Both plugins are distributed through the Claude Code plugin marketplace under the shawn-sandy namespace.

  1. Add the marketplace to your Claude Code session:

    /plugin marketplace add shawn-sandy/agentic-acss-plugins
  2. Install acss-kit (components + themes):

    /plugin install acss-kit@shawn-sandy-agentic-acss-plugins
  3. Install acss-utilities (atomic CSS + token bridge):

    /plugin install acss-utilities@shawn-sandy-agentic-acss-plugins
  4. Verify the install — list available components to confirm acss-kit is active:

    /kit-list

    You should see the full component catalogue grouped by category.

If you don’t need utility classes:

/plugin marketplace add shawn-sandy/agentic-acss-plugins
/plugin install acss-kit@shawn-sandy-agentic-acss-plugins

If you have an existing component system and just want the utility classes:

/plugin marketplace add shawn-sandy/agentic-acss-plugins
/plugin install acss-utilities@shawn-sandy-agentic-acss-plugins

After installing, confirm the slash commands are available:

/kit-list # lists all available components
/utility-list # lists all utility families and classes

Both commands are read-only and make no changes to your project — they’re safe to run at any time to explore what’s available.

To get the latest version of a plugin:

/plugin update acss-kit@shawn-sandy-agentic-acss-plugins
/plugin update acss-utilities@shawn-sandy-agentic-acss-plugins

If you’ve cloned the plugin repo and want to test local changes without publishing:

Terminal window
# From the acss-plugins repo root
claude --plugin-dir ./plugins/acss-kit

This loads acss-kit directly from the local directory, bypassing the marketplace.