Download for MacApple silicon, macOS 14+
Skill

aura-theme

@vaadin Updated 2026-09-24

Generate and customize Vaadin Aura theme CSS configurations. Use when the user wants to create a new theme, adjust visual styles, customize a design system, pick colors, change typography, or configure the look and feel of a Vaadin application using the Aura theme. Triggers on requests like "create a theme", "make it look more modern", "use dark mode with emerald accents", "compact dense layout", or any visual design system configuration for Vaadin/Aura.

Install

With your agent

Install OMGSkills skill "vaadin/agent-skills:skills/aura-theme" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.

Manual command

git clone https://github.com/vaadin/agent-skills /tmp/agent-skills && ln -s /tmp/agent-skills/skills/aura-theme ~/.claude/skills/aura-theme

From README

Aura Theme Generator Generate Vaadin Aura theme CSS files from free-form descriptions. Workflow Interpret the user's description — identify the intended colors, mood, density, typography, layout, surface hierarchy, semantic brand colors, and any component-specific styling needs. Review relevant references based on what was identified in step 1: Always read references/property-values.md for valid property values and defaults. Select and read the most closely matching reference CSS files as idiomatic examples.