nolebaseOfficial·10 Agent Skills Included

integrations

VitePress plugins, Vue components, and documentation engineering workflows

Builds rich documentation sites with VitePress plugins for sidebars, breadcrumbs, link previews, git changelogs, and OG images. Guides coding work across Vue 3, Vite, UnoCSS, pnpm, Turborepo, and tsdown with tested best-practice references. Removes manual configuration and guesswork so documentation and monorepo tasks finish faster with fewer errors.

316|49

↗

npx skills add nolebase/integrations --all -g -y

Available:

Gives your AI agent the monorepo structure, package index, pnpm commands, and coding, testing, and styling rules to follow when working inside this project.

All Skills in This Repository (10)

Pure Emerald Level Indicators

📦 In Repo

nolebase

vueuse-functions

Document VueUse library functions with usage examples for Vue 3 applications.

agent-browser

Automate web pages and Electron apps with direct element references and script control.

antfu

Configure ESLint, Prettier, and VS Code for JavaScript/TypeScript projects.

vue

Guide Vue 3 component development with Composition API and built-in directives.

vue-best-practices

Guide Vue.js application development with architecture, performance, and maintainability best practices.

pnpm

Install and manage JavaScript dependencies with pnpm CLI commands.

tsdown

Bundle TypeScript libraries into ESM, CJS, IIFE, and UMD formats.

vite

Configure Vite dev servers, builds, and plugins for frontend projects.

turborepo

Configure turbo.json and package scripts for dependency-aware monorepo task orchestration.

unocss

Generate atomic CSS utilities by configuring UnoCSS presets and rules.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install Nolebase Integrations?▼

Run `npx skills add nolebase/integrations --all -g -y` in your terminal to install all skills in this suite globally.

What does Nolebase Integrations do?▼

It provides VitePress and Markdown-It plugins plus Vue components that add sidebars, breadcrumbs, link previews, git history, and social cards to documentation sites.

How to add a sidebar to VitePress automatically?▼

Use the vitepress-plugin-sidebar package, which generates your sidebar structure from folders and files without manual configuration.

Does it work with Vue 3 and TypeScript?▼

Yes. All packages and skills target Vue 3 with the Composition API, script setup, and full TypeScript support.

Can I use these skills without deep tooling knowledge?▼

Yes. Your AI agent reads the included guides for Vite, pnpm, UnoCSS, and Turborepo and applies the correct configuration for you.