Agent skill

Install the skill

Run this command from your project and select your coding agent in the installer.

npx skills add mielsense/mielui --skill mielui

The skill is stored in the repository and loads current documentation when used. It checks the installed version before recommending an API.

Use it in your project

Ask your agent to use Mielui and describe what you want to build. For example:

Use the mielui skill to build a settings dialog with our existing theme.
Check the installed version and use the documented component parts.

The skill checks your installation method and the relevant component pages before proposing code. Its review covers keyboard behavior, responsive layout, reduced motion, and nested overlays.

Add the design skill

The first skill covers components. The design skill covers the page around them: the app shell, the page header, the grid, the spacing between sections, and what to leave out. Install it when you want an agent to build a dashboard, an admin app, a chat workspace, or a marketing site.

npx skills add mielsense/mielui --skill mielui-design

Then describe the product and the pages you need:

Use the mielui-design skill to build an analytics dashboard for our store.
It needs an overview, an orders table, and a settings page.

It carries layout skeletons for three app shells, dashboards, data tables, settings, chat workspaces, and marketing pages, along with the spacing and type scales. It asks the agent to open the result at desktop and phone widths in both themes before it reports back.

Documentation for agents

Every documentation page has a Copy page menu with its Markdown reference. Prefer individual pages for focused tasks; the full reference includes all component examples and APIs.

Keep version context

Mielui is maintained independently from its Sivir UI origins. The skill uses Mielui's own references; Sivir examples are not a compatibility guarantee.

Local source and the locked package version take precedence over live documentation. Before upgrading, read the changelog and its agent notes. Unreleased notes describe upcoming changes, not the currently published npm package. Mielui 0.4.0 requires Svelte 5.56.0 or newer within Svelte 5.