limio-skills

Limio Skills for Claude Code

A Claude Code plugin that gives Claude five specialised skills for the Limio subscription management platform — from creating components to deploying them to your tenant.

Skill	What it does	Audience
limio-component	Creates custom React components with the @limio/sdk	Developers
limio-sdk-verify	Audits existing code against SDK best practices	Developers
limio-story	Generates Storybook stories with meaningful variations	Developers + Non-technical
limio-storybook	Sets up the full Storybook component playground	Developers
limio-setup	Connects to a Limio tenant, manages credentials, and deploys	Developers + Non-technical

All five skills are installed together as a single plugin. Each one activates automatically based on what you ask Claude to do — there's nothing extra to configure or enable per-skill.

Prerequisites

• Claude Code CLI installed and authenticated
• A Limio tenant (for deployment — not required for local development)

Installation

First-time setup

Two steps — add the marketplace, then install the plugin:

/plugin marketplace add innovate42/limio-skills

/plugin install limio-skills@limio-skills

After installing, run /reload-plugins to activate. All five skills start working immediately — just ask Claude to do something Limio-related and the right skill kicks in.

Updating to the latest version

If you already have the plugin installed and want to pull the latest changes:

/plugin marketplace update limio-skills

This fetches the latest version from the production branch. Run /reload-plugins afterwards to pick up the changes.

You can also enable auto-updates so the plugin stays current automatically — open /plugin, go to the Marketplaces tab, select limio-skills, and choose Enable auto-update.

Verifying installation

Run /plugin and check the Installed tab. You should see limio-skills listed with all five skills.

Uninstalling

/plugin uninstall limio-skills@limio-skills

Available Skills

limio-component — Create Components

Audience: Developers

Creates Limio custom React components following official SDK guidelines and best practices.

Example prompts:

Create a pricing card component that shows offers with a monthly/annual toggle

Build a subscription management component using useCampaign and useBasket

What it provides:

• Component file structure (package.json, index.js, componentStaticProps.js, index.css)
• Full @limio/sdk hook reference
• limioProps configuration for all field types
• Add-to-basket patterns, CSS best practices, Page Builder compatibility
• Component template with best practices built in

---

limio-sdk-verify — Audit SDK Usage

Audience: Developers

Audits existing Limio component code against official SDK documentation.

Example prompts:

Verify this component follows Limio SDK best practices

Audit the pricing-cards component for deprecated SDK usage

Is my component using the SDK correctly?

What it provides:

• Comprehensive verification checklist (imports, hooks, data access, security)
• Deprecated method detection with correct replacements
• Common anti-pattern identification with fixes
• Live doc verification via MCP when available

---

limio-story — Create Stories

Audience: Developers + Non-technical staff

Creates Storybook stories for Limio components with meaningful variations.

Example prompts:

Create storybook stories for the pricing-cards component

Add stories with dark theme and mobile variations

I want a story showing what the card looks like with a long title and no discount

What it provides:

• Story template with LimioProvider and ComponentContext decorators
• Automatic args mapping from limioProps in package.json
• 3-5 variation patterns per component type
• Non-technical users can describe variations in plain language

---

limio-storybook — Set Up Storybook Playground

Audience: Developers

Sets up and launches the full Storybook component playground with mocked SDK.

Example prompts:

Set up storybook

Launch the storybook playground

Start storybook