How does it visualize Nuxt data flow?

The skill traces the path from backend services and adapters through composables (like useAsyncData) to the final UI component, providing a clear map of how data moves.

What is the docs-onboard skill?

It is a specialized Claude Code skill designed to analyze and summarize the structure, patterns, and key files of a Nuxt.js module for quick developer orientation.

Can it identify issues with my code structure?

Yes, it specifically looks for 'Points of Attention' such as components over 200 lines, legacy code not yet migrated, and deviations from standard project architecture.

Does it support Pinia and Nitro?

Absolutely. It is designed to specifically identify Pinia stores for complex state and Nitro routes within the server/api directory.

How long does the summary take to read?

The skill is optimized to produce a concise output that a new developer can digest in approximately 2 minutes.

Nuxt Module Onboarding

Name: Nuxt Module Onboarding
Author: HerbertJulio

byHerbertJulio

•

Learning & Documentation

Generates comprehensive structural summaries and architectural overviews for Nuxt modules to streamline developer onboarding.

The docs-onboard skill automates the discovery and documentation process when joining a new project or exploring a specific Nuxt module. It maps file structures, identifies API endpoints, summarizes component responsibilities, and traces data flow through Pinia, Nitro, and Composables. By highlighting deviations from architectural patterns and identifying legacy code or oversized components, it provides a concise overview that allows developers to understand complex modules in minutes rather than hours.

Key Features

01Automated module structure and file mapping

0210 GitHub stars

03Nuxt-specific state management analysis (Pinia, useState, useAsyncData)

04Technical debt and architectural pattern audit

05Data flow visualization from services to UI components

06Nitro server-side route and endpoint discovery

Use Cases

01Onboarding a new developer to a specific feature or module within a large Nuxt repository

02Gaining a high-level overview of complex data flows and component dependencies

03Performing a quick audit of a module's architectural health and technical debt

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add herbertjulio/specialist-agent docs-onboard

For use in Claude.ai and ChatGPT

Key Features

01Automated module structure and file mapping

0210 GitHub stars

03Nuxt-specific state management analysis (Pinia, useState, useAsyncData)

04Technical debt and architectural pattern audit

05Data flow visualization from services to UI components

06Nitro server-side route and endpoint discovery

Use Cases

01Onboarding a new developer to a specific feature or module within a large Nuxt repository

02Gaining a high-level overview of complex data flows and component dependencies

03Performing a quick audit of a module's architectural health and technical debt

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add herbertjulio/specialist-agent docs-onboard

For use in Claude.ai and ChatGPT