Claude Code Skills

Install the nuxt-protokit Claude Code skill plugin to give Claude accurate API knowledge for building prototypes faster.

Claude Code Skills

nuxt-protokit ships a Claude Code skill plugin so Claude has accurate, up-to-date knowledge of the library's APIs — without hallucinating field types, composable signatures, or component props.

Installation

Run these two commands in Claude Code:

/plugin marketplace add websideproject/nuxt-protokit
/plugin install nuxt-protokit-skills

That's it. Claude will now automatically load the relevant skill context whenever you work with nuxt-protokit.

What the skill covers

The nuxt-protokit skill provides progressive-loading reference docs across 8 topic areas:

TopicCoverage
SchemadefinePrototype, all 12 field types, CollectionSchema, DerivedDef, DashboardLayout, ProtoAction
ComposablesusePrototype, useProtoCollection, useProtoDoc, useProtoCalendar, namespace isolation
Components<ProtoTool>, <ProtoDashboard>, <ProtoCrudModal>, <ProtoCalendar>, <ProtoViz>, <ProtoActionBar>
VisualizationsAll 12 viz types with full config interfaces and examples
Offline-firstY.js + IndexedDB architecture, multi-tab sync, server sync config, encryption
ExtensionsdefineProtokitExtension, custom field/viz type registration
HeadlessdefineHeadlessSchema, programmatic usage without UI components
Module authoringBuilding a Nuxt module that ships custom fields/viz via protokit:register-extension

How it works

Skills are token-efficient — only the relevant reference file is loaded based on what you're working on. Asking about usePrototype options? Only references/composables.md is loaded. Building a custom viz? Only references/extensions.md.

Source

The skill lives next to the source code in this repository:

packages/nuxt-protokit/
  .claude-plugin/marketplace.json   # plugin manifest
  .claude/skills/nuxt-protokit/
    SKILL.md                        # main entry + quick start
    references/
      schema.md
      composables.md
      components.md
      visualizations.md
      offline-first.md
      extensions.md
      headless.md
      module-authoring.md

Need a Landing Page?

Modern landing pages with optional modules (blog, docs, forms, i18n). Let's discuss your project.

Build Your MVP

Full-stack SaaS development. Expert in database design, multi-tenancy, and scalable architecture.

Deployment Help

Dockerize your backend, set up CI/CD pipelines, deploy to Cloudflare or Hetzner. Early-stage setup.

Suggest a SaaS Tool

Missing a calculator or tool? Suggest what you'd like to see on our site.