Skills

Skills give AI assistants like Claude Code project-aware context about Shark UI. When installed, your AI assistant knows how to find, install, compose, and customize components using the correct APIs and patterns for your project.

For example, you can ask your AI assistant to:

• "Add a login form with email and password fields."
• "Create a settings page with a form for updating profile information."
• "Build a dashboard with a sidebar, stats cards, and a data table."
• "Add the dialog component from the Shark registry."
• "Can you add a hero block from the Shark blocks?"

Setup

Run the installer script (works with Claude Code, Cursor, OpenCode, Codex, and Antigravity):

curl -fsSL https://shark.vini.one/install | bash -s shark-ui

Alternatively, install via the skills CLI:

bunnpmpnpmyarn
pnpm dlx skills add shark-ui.json

Using Skills

Agents discover skills automatically, or you can invoke the skill with /shark-ui.

You can instruct your assistant to:

• Implement UIs with Shark UI components
• Create screens and flows using the component set
• Adjust themes, tokens, and styling
• Look up component APIs and examples

For broader AI context, see llms.txt for documentation bundled for agents.

What You Get

• Shark UI setup and installation instructions
• Component catalog with props, variants, and usage
• Theming and styling notes
• Design principles and composition patterns

Skill Layout

skills/shark-ui/
├── SKILL.md              # Skill entry point
├── LICENSE.txt
└── scripts/
    ├── list_components.mjs
    ├── get_component_docs.mjs
    ├── get_source.mjs
    ├── get_styles.mjs
    ├── get_theme.mjs
    └── get_docs.mjs