> For the complete documentation index, see [llms.txt](https://docs.limio.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.limio.com/ai/vibe-coding/skills.md).

# Skills

The **Limio Skills** plugin for [Claude Code](https://claude.ai/code) helps you 'vibe code' Custom Components using AI assistance. Describe what you want and Claude generates complete, production-ready components following Limio best practices - with a live Storybook preview for iterating in real time.

The plugin provides five focused skills:

| Skill              | What it does                                                             |
| ------------------ | ------------------------------------------------------------------------ |
| `limio-component`  | Creates components with full SDK integration                             |
| `limio-storybook`  | Sets up the Storybook playground with mocked SDK and Claude Prompt addon |
| `limio-story`      | Creates Storybook stories with meaningful variations                     |
| `limio-sdk-verify` | Audits existing code for SDK compliance and deprecated patterns          |
| `limio-setup`      | Connects to Limio, manages credentials, and deploys components           |

For full installation instructions, usage examples, and the interactive Storybook workflow, see the dedicated docs and guide:

{% content-ref url="<https://docs.limio.com/developers/custom-components/claude-code-skill>" %}
<https://docs.limio.com/developers/custom-components/claude-code-skill>
{% endcontent-ref %}

{% content-ref url="<https://docs.limio.com/guides/developer-guides/guide-vibe-code-custom-components-with-claude-code>" %}
<https://docs.limio.com/guides/developer-guides/guide-vibe-code-custom-components-with-claude-code>
{% endcontent-ref %}

Building a chat surface on the agent client SDK? The same workflow applies, with agent-specific grounding and prompts:

{% content-ref url="/pages/sx3aGnx5OWd8xf5GUeot" %}
[Vibe Coding a Chat Surface](/ai/limio-agents/vibe-coding-a-chat-surface.md)
{% endcontent-ref %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.limio.com/ai/vibe-coding/skills.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.