agentic-acss-plugins

Use when the user asks to generate, create, or scaffold an Alert — accessible status/error/info/warning notification with ARIA live regions and icon support.

Use when the user asks to generate, create, or scaffold a Card — accessible content container with header/body/footer slots and interactive variant support.

Use when the user asks to generate, create, or scaffold a Checkbox — accessible checkbox with indeterminate state, aria-checked, custom indicator, and Input dependency.

Use when the user asks to generate, create, or scaffold a Dialog — accessible modal dialog with focus trap, aria-modal, return-focus on close, and Button dependency.

Use when the user asks to generate, create, or scaffold a Field — accessible form field wrapper with label, hint, and error message association via aria-describedby.

Use when the user asks to generate, create, or scaffold an Input — accessible text/number/email input with aria-invalid, error state, and controlled/uncontrolled patterns.

Use when the user asks to generate, create, or scaffold a Nav — accessible navigation landmark with aria-label, current-page link marking, and horizontal/vertical layout.

Use when the user asks to generate, create, or scaffold a Popover — accessible tooltip/popover using the Popover API with focus trap, aria-expanded, and light-dismiss.

Use when the user asks to generate, create, or scaffold a Table — accessible data table with caption, scope headers, responsive scroll wrapper, and sortable column support.

Use when the user asks to generate, create, or scaffold a Button — accessible TSX or HTML+JS, with primary/secondary/destructive variants and a11y.

Use when the user asks to generate, create, or scaffold an IconButton — accessible icon-only button with required aria-label, tooltip fallback, and Button dependency.

Use when the user asks to generate, create, or scaffold an Icon — accessible SVG icon wrapper with aria-hidden/aria-label toggle, size variants, and decorative/semantic modes.

Use when the user asks to generate, create, or scaffold an Img — accessible image component with required alt, lazy-loading, aspect-ratio containment, and decorative mode.

Use when the user asks to generate, create, or scaffold a Link — accessible anchor with external/new-tab detection, aria-label injection, and current-page indication.

Use when the user asks to generate, create, or scaffold a List — accessible ordered/unordered list with role="list" reset, item slots, and inline/stacked layout variants.

Internal orchestrator for /kit-create, /kit-list, /kit-sync, /kit-update and Form/HTML/Style-Tune modes. Per-component generation lives in component-<name> skills; do not auto-trigger for component requests.

Use when the developer wants Tailwind-style atomic CSS utility classes for fpkit/acss — add, list, tune spacing/breakpoints, or regenerate the token-bridge.

Generate and update CSS themes for fpkit/acss projects — OKLCH light/dark palettes, brand presets, theme role edits, and token extraction from images or Figma.

Use when the developer wants to convert an inline style attribute, JSX style object, or <style> block into a named CSS class appended to the project stylesheet. Replaces hard-coded colors, units, and values with CSS variables — reusing an existing variable when one matches and creating a new one when none does.

[Maintainer] Use when the maintainer asks to add a component to acss-kit — scaffolds a reference doc under references/components in the canonical embedded-markdown shape.

[Maintainer] Use when the maintainer asks to update or refresh a component reference doc — re-verifies against the fpkit ref and checks for upstream drift.

[Maintainer] Render a quick visual preview of an acss-kit component in the default browser. Produces a self-contained HTML file with all variants from the component's Usage Examples.

Validate plugin structure and health. --scope=plugin (deep single-plugin check), --scope=all (fast repo-wide sweep), --scope=health (full health dashboard).

Use when the user asks to bulk-install all acss-kit components and themes (/kit-sync) or re-copy unmodified components after a plugin update (/kit-update).

Display the bundled prompt book — copy-paste prompts mapped to every slash command in acss-kit. Use when the user runs /prompt-book.

Use when the developer wants to create utility classes from a plain-language visual description — turning intent like "centered flex row with padding" into a ready-to-use class string.

Use when the user wants to adjust the visual feel of a component or theme role — 'warmer button', 'softer card', 'bolder primary', 'calmer alert'.

Validate plugin structure and health. --scope=plugin (deep single-plugin check), --scope=all (fast repo-wide sweep), --scope=health (full health dashboard).

[Maintainer] Use when the maintainer asks to scaffold a brand preset, palette role, or theme-schema field for acss-kit — or tweak the OKLCH palette algorithm.

Audit release paperwork for a plugin before opening a PR. Merged into release-plugin --check.

Deep structural validation of a single plugin before publishing. Merged into validate-plugins --scope=plugin.

Repo-wide structural sweep across every plugin. Merged into validate-plugins --scope=all.

[Maintainer] Generate a Keep-a-Changelog entry for acss-kit from git log since last tag. Groups commits by conventional type and appends to plugins/acss-kit/CHANGELOG.md under the Unreleased section.

[Maintainer] Use when the maintainer asks to update or re-validate theme assets after editing the role-catalogue, palette-algorithm, theme-schema, a brand preset, or the styles SKILL.

Bump a plugin's version and check release paperwork. Use --check to audit CHANGELOG/README before opening a PR; omit --check to do the version bump.

Use when the user asks to add or scaffold a new slash command for a plugin — creates the command .md with front-matter and a SKILL.md stub.

Use when the user runs /setup or asks to set up or bootstrap a project for acss-kit — installs sass, writes config, and optionally seeds a starter theme.

Use when the developer wants to extract CSS utility classes from an HTML element into a single named class — collapsing utility soup into one semantic selector.

Scaffold a new slash command for a plugin — creates the command .md with front-matter and adds a stub section to SKILL.md.

Bump a plugin's version in plugin.json and update marketplace.json description if needed. Run before committing a publishable change.