agentic-acss-plugins

Accessible React components, static HTML snippets, CSS themes, and Tailwind-style utility classes for fpkit/acss projects. OKLCH themes with WCAG 2.2 AA validation. Use /kit-add, /kit-create, /kit-sync, /theme-create, /theme-update, /style-tune, /utility-add, /utility-bridge, /utility-list, /utility-tune.

22 skills · 20 commands

Write, extract, and organise CSS utilities and classes for any web project. Framework-agnostic — works with plain CSS, SCSS, Tailwind, or any utility-first workflow. Run /css-to-class to extract a list of utility classes from an HTML element or class string into a single named CSS class, with declarations resolved from your project's own CSS files. Run /inline-style-to-class to convert inline style attributes, JSX style objects, or <style> blocks into named CSS classes appended to your project stylesheet, replacing hard-coded colors, units, and values with CSS variables (reusing existing ones or creating new ones). Run /create-utilities to generate a utility class string from a plain-language visual description. Run /css to turn a plain-language description into a CSS/SCSS rule or inline style attribute, reusing the project's existing custom properties, backed by bundled references for modern-CSS features with known footguns (@container, @layer, clamp() fluid type, @supports, logical properties, modern selectors, state selectors, viewport units). Also publishes the COMPONENT.md spec — a framework-neutral format for describing a component's structure, props, behavior, and accessibility that an agent can generate in any framework (React, HTML, Astro, Angular, Vue, Svelte, web component), themed by a sibling DESIGN.md.

4 skills · 4 commands