Nibble for agents

Find components, bring their code into your project, and verify the result. Choose the public API, MCP or Studio CLI for the task you need.

Browse and integrate

The public catalog lists current component IDs, descriptions and dependencies. Fetch /api/components/{id} for the self-contained source, original files and a matching usage example. Public browsing and source downloads do not require Pro.

Read the dependencies and license notices before copying code. Test the actual component in your project on desktop and mobile, including keyboard access and reduced motion.

Component documentation · OpenAPI schema

Connect with MCP

Nibble Pro provides Streamable HTTP MCP at https://nibble.lat/api/mcp. Use a personal MCP key in the Authorization header. The tools are list_components, search_components and get_component, list_fonts, search_fonts and get_font.

MCP retrieves components and fonts, including font files, CSS, licensing and full specimen links. Publishing uses Studio CLI and separate publishing permissions.

MCP setup · Pro plans

Publish through Studio CLI

Install the CLI, then run nibble-studio login. The browser opens Nibble so the account holder can sign in and connect the CLI without copying a key.

npm install -g https://nibble.lat/cli/nibble-studio-cli-0.2.0.tgz
nibble-studio login

Publishing requires an authorized publisher or a verified Nibble team account. Pro alone does not grant publishing access. Verify the draft, inspect screenshots and interactions, then publish the checked revision when your user authorizes publication.

CLI command reference

Review an interface

Nibble Skill helps your agent identify readability, color, icon, layout and accessibility problems while preserving the project’s identity. Install the complete skill folder, including its supporting references.

Nibble Skill · Download the skill

Machine-readable references

These files describe the public service. They do not grant permission to access private accounts, drafts, project enquiries or billing actions.

Welcome to Nibble

Used on your profile and components you publish.