By shawn-sandy
CSS utility-class plugin for fpkit/acss projects. Tailwind-style atomic classes (.bg-primary, .mt-4, .sm-hide) generated from a token source-of-truth, with a token-bridge that aliases acss-kit's OKLCH roles to fpkit-style names.
npx claudepluginhub shawn-sandy/agentic-acss-plugins --plugin acss-utilitiesCopy the bundled `utilities.css` and `token-bridge.css` into the user's React project.
Regenerate token-bridge.css against the active acss-kit theme (with mandatory dark-mode parity)
List utility families and their classes
Adjust the utility-class tokens (spacing baseline, breakpoints, family enables) via natural language
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
A Claude Code plugin marketplace for building accessible React applications with the fpkit/acss design system.
| Plugin | Purpose |
|---|---|
acss-kit | Generate accessible React components and CSS themes for fpkit/acss projects. Two skills: components (markdown-as-source TSX/SCSS generation via /kit-add) and styles (OKLCH theme generation via /theme-create and friends, with WCAG 2.2 AA validation). |
/plugin marketplace add shawn-sandy/agentic-acss-plugins
/plugin install acss-kit@shawn-sandy-agentic-acss-plugins
If you previously installed acss-kit-builder, acss-theme-builder, acss-app-builder, or acss-component-specs — these have been consolidated into the single acss-kit plugin (or, in the case of acss-app-builder and acss-component-specs, removed entirely). Uninstall the old plugins and install acss-kit instead. See plugins/acss-kit/CHANGELOG.md for the full migration notes.
Existing .acss-target.json files at project roots remain compatible — the schema is unchanged.
tests/run.sh from the repo root is the default automated check — structural validation in ~30 seconds, no browser. One-time setup: npm --prefix tests ci && pip3 install --user tinycss2.
tests/run.sh
For render-sensitive changes, tests/e2e.sh runs the deeper opt-in check (~30s after first install) — extracts components from reference docs, type-checks them with tsc --noEmit, compiles SCSS, validates theme contrast, and runs jsdom + axe-core a11y on rendered output.
For end-to-end slash-command verification, tests/setup.sh writes a minimal verification fixture at tests/sandbox/ (gitignored) — package.json + tsconfig.json, no Vite, no app shell:
tests/setup.sh
cd tests/sandbox && claude
See tests/README.md for the full workflow, the --reset flag, escape hatches, and troubleshooting.
Plugin development references the live fpkit source at shawn-sandy/acss. Contributors should keep both repos available side-by-side — see CONTRIBUTING.md for the workflow.
SKILL.md files and reference docs in the plugin link to specific fpkit source files via full GitHub URLs, so plugin authors can click through without a local clone.
MIT
Standalone image generation plugin using Nano Banana MCP server. Generates and edits images, icons, diagrams, patterns, and visual assets via Gemini image models. No Gemini CLI dependency required.