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.
Plugin style-agent from marketplace agentic-acss-plugins in shawn-sandy/agentic-acss-plugins. Commands read from the repo's manifest — 1 month ago.
create-utilitiesUse when the developer wants a utility-class string from a plain-language visual description — emits utility class names like "flex items-center p-4", not CSS; use /css instead to author a raw CSS/SCSS rule.
css-to-classUse 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.
cssUse when the developer wants to author CSS from a plain-language description — emits a raw CSS/SCSS rule or an inline style attribute, reusing the project's own custom properties. For a utility-class string instead, use create-utilities.
inline-style-to-classUse 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 whe
/style-agent:create-utilitiesGenerate a utility class string from a plain-language visual description
/style-agent:css-to-classExtract a list of CSS utility classes from an HTML element or class string into a single named CSS class
/style-agent:cssAuthor a raw CSS/SCSS rule or inline style from a plain-language description
/style-agent:inline-style-to-classConvert an inline style attribute, JSX style object, or <style> block into a named CSS class and append it to the project stylesheet, replacing hard-coded values with CSS variables
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
Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques
15 skills · hooks
Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.
1 MCP server
Build powerful, stateful CLI interfaces for any GUI application using the cli-anything harness methodology.
5 commands
Automates browser interactions for web testing, form filling, screenshots, and data extraction
12 skills
Use Alibaba Open Code Review from local Codex.
2 skills
Claude Code skill for creating and presenting Slidev slidedecks
1 skill
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.