Sivir UI
76

Agent skill

Teach your coding agent to build with Sivir. The skill reads the current component APIs before writing code, so the agent uses real props and imports instead of guessing.

Install

Run this in your project to add the skill for coding agents that support skills.

What it does

When you ask for Sivir work, the agent follows the same steps every time:

  • Checks whether the project uses the package or copied source, and which Sivir version it has.
  • Reads llms.txt and each component's page before using that component.
  • Picks components with the component selection guide, and installs them the way the project already does.
  • Follows the design language, or your app's own visual system when it has one.
  • Checks the result in light and dark mode, at desktop and phone widths, before reporting back.

Try it

Mention Sivir in your request and the agent loads the skill. For example:

  • Build a support chat with Sivir, with streamed replies and a composer.
  • Add a settings page using Sivir components that match this app.
  • Turn this sidebar into a Sivir command palette.
  • Review this form against the Sivir design language.

Without the skill

If your agent does not support skills, point it at llms.txt. It indexes every guide and component page in Markdown and includes the same workflow. The skill itself is also published as skill.md.

Next

Components · Changelog