lumeo
Installation
SKILL.md
Lumeo
Lumeo is a Blazor component library for .NET 10 on Tailwind CSS v4 — 131 components (forms, data display, overlays, charts, DataGrid, AI primitives, motion) plus 16 full-page "block" patterns. shadcn-style API: composable sub-components, CascadingValue context, theme tokens.
First move: use the lumeo-mcp server
If a lumeo-mcp MCP server is connected, use it — don't guess at the API. It generates its data from the actual Razor source on every release, so it never drifts. Tools:
| Tool | Use it to… |
|---|---|
lumeo_search / lumeo_list_components |
Find the right component for a need ("modal" → Dialog/Sheet, "date" → DatePicker/Calendar). |
lumeo_get_component |
Get the COMPLETE schema: every [Parameter] (name, type, default, doc), enums, records, events, sub-components, CSS vars, and example snippets. Always do this before writing markup for a component you don't have memorised. |
lumeo_get_example |
Working Razor snippet(s) — the exact code behind the docs-site demos. |
lumeo_get_install |
NuGet package + dotnet add, @using imports, AddLumeo…() DI registration, host-page <script>/<link> includes, sub-components, and gotchas (portal components needing theme classes on <body>, OverlayProvider, required params). |
lumeo_validate_markup |
Pre-flight every Razor snippet you write. Catches: components that don't exist, hallucinated parameter names, illegal enum values, sub-components not nested in their required parent. Run it before showing the user. |
lumeo_get_theme_tokens |
The 58 colour/radius tokens — the only legal colours. |
lumeo_list_patterns / lumeo_get_pattern |
Full-page composed examples (dashboard, auth, chat, kanban, mail, settings, …) — great starting skeletons. |
lumeo_changelog |
Which version's API this reflects. |