# aura-theme

> Claude/Codex skill by [@vaadin](https://omgskills.com/library/vaadin/index.md) · 7 stars · 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

```sh
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.

## Links

- HTML page: https://omgskills.com/library/vaadin/agent-skills/skills/aura-theme/
- GitHub: https://github.com/vaadin/agent-skills
- Author: [@vaadin](https://omgskills.com/library/vaadin/index.md)

## More from this repo

- [vaadin-form-layout](https://omgskills.com/library/vaadin/agent-skills/skills/vaadin-form-layout/index.md) — Builds the visual structure and layout of a form, entity editor, or data-entry view in Vaadin Flow (Java) from any spec...
   - [@vaadin](https://omgskills.com/library/vaadin/index.md) · 7 stars