How to install the frontend plugin
Run both commands inside Claude Code. The first adds the marketplace once; the second installs the plugin.
/plugin marketplace add xobotyi/cc-foundry
/plugin install frontend@foundryWhat's inside frontend
7 parts read from the plugin's own files.
Skills 7
Claude loads it when the task matches- accessibility
Ensures web content meets WCAG 2.2 AA standards through semantic HTML, proper ARIA usage, keyboard navigation, and accessible form patterns.
- css
Provides guidance on CSS conventions, layout systems, modern patterns, and responsive design to ensure predictable and maintainable stylesheets.
- frontend-design
Decide and verify web interface layouts, colors, typography, and controls to ensure they align with product design systems rather than framework defaults.
- react
Provides principles for writing pure components, managing minimal state, and using effects as escape hatches for external system synchronization.
- svelte
Provides expertise in Svelte runes-first reactivity, SvelteKit fullstack conventions, and component development.
- tailwindcss
Enables an agent to write, refactor, and debug utility-first CSS using the v4 CSS-first configuration and @theme design tokens.
- vue
Provides guidance on Vue 3 conventions, Composition API patterns, reactivity, SFC structure, and TypeScript integration.
Using frontend in Claude Code
Skills need no command. Claude reads them when your request matches what they describe.
Update, turn off or remove
- Update the plugin (shell)
- claude plugin update frontend@foundry
- Refresh the marketplace
- /plugin marketplace update foundry
- Turn it off for now
- /plugin disable frontend@foundry
- Remove it
- /plugin uninstall frontend@foundry
Skills in frontend
- accessibilityxobotyi/cc-foundry
Ensures web content meets WCAG 2.2 AA standards through semantic HTML, proper ARIA usage, keyboard navigation, and accessible form patterns.
8 files23stars - cssxobotyi/cc-foundry
Provides guidance on CSS conventions, layout systems, modern patterns, and responsive design to ensure predictable and maintainable stylesheets.
7 files23stars - frontend-designxobotyi/cc-foundry
Decide and verify web interface layouts, colors, typography, and controls to ensure they align with product design systems rather than framework defaults.
4 files23stars - reactxobotyi/cc-foundry
Provides principles for writing pure components, managing minimal state, and using effects as escape hatches for external system synchronization.
7 files23stars - sveltexobotyi/cc-foundry
Provides expertise in Svelte runes-first reactivity, SvelteKit fullstack conventions, and component development.
5 files23stars - tailwindcssxobotyi/cc-foundry
Enables an agent to write, refactor, and debug utility-first CSS using the v4 CSS-first configuration and @theme design tokens.
11 files23stars - vuexobotyi/cc-foundry
Provides guidance on Vue 3 conventions, Composition API patterns, reactivity, SFC structure, and TypeScript integration.
8 files23stars
frontend plugin questions
How do I install the frontend plugin?
In Claude Code run /plugin marketplace add xobotyi/cc-foundry, then /plugin install frontend@foundry.
What does the frontend plugin include?
frontend bundles 7 skills.
How do I update or remove the frontend plugin?
Update it with claude plugin update frontend@foundry in your shell, or from the Installed tab of /plugin. Remove it with /plugin uninstall frontend@foundry.