Generates a CLAUDE.md file for Vue 3 + JavaScript projects. Scans the project structure and creates comprehensive project documentation for AI assistance. Use when setting up a new Vue 3 project or updating project documentation.
EnglishCreates Vue 3 Single File Components (SFC) using Composition API with . Use when creating new Vue components, refactoring options API to composition API, or building UI components with Vue 3.
EnglishCreates Vue 3 composable functions (组合式函数) for state management, data fetching, and reusable logic. Use when building shared state, encapsulating side effects, or extracting reusable logic from components.
EnglishCreates a lightweight i18n (internationalization) system for Vue 3 using dictionary objects with localStorage persistence. Use when adding multi-language support, creating translation dictionaries, or building bilingual (中英文) Vue 3 apps.
EnglishInitializes a new Vue 3 + Vite + Tailwind CSS + JavaScript project with best-practice directory structure. Use when scaffolding a new Vue 3 project, setting up project conventions, or bootstrapping a frontend app.
EnglishCreates a CSS custom property-based theme system for Vue 3 projects. Use when implementing dark/light mode, multi-theme support, or CSS variable theming in Vue 3 apps.
English
AGENT SKILLS ATLASIncludes Vue Claude Markdown, Vue Component, Vue Composable, and other workflows.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLISupported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
Vue Claude Markdown
Generates a CLAUDE.md file for Vue 3 + JavaScript projects. Scans the project structure and creates comprehensive project documentation for AI assistance. Use when setting up a new Vue 3 project or updating project documentation.
Vue Component
Creates Vue 3 Single File Components (SFC) using Composition API with . Use when creating new Vue components, refactoring options API to composition API, or building UI components with Vue 3.
Vue Composable
Creates Vue 3 composable functions (组合式函数) for state management, data fetching, and reusable logic. Use when building shared state, encapsulating side effects, or extracting reusable logic from components.
Vue Internationalization
Creates a lightweight i18n (internationalization) system for Vue 3 using dictionary objects with localStorage persistence. Use when adding multi-language support, creating translation dictionaries, or building bilingual (中英文) Vue 3 apps.
Vue Project Setup
Initializes a new Vue 3 + Vite + Tailwind CSS + JavaScript project with best-practice directory structure. Use when scaffolding a new Vue 3 project, setting up project conventions, or bootstrapping a frontend app.
Vue Theme System
Creates a CSS custom property-based theme system for Vue 3 projects. Use when implementing dark/light mode, multi-theme support, or CSS variable theming in Vue 3 apps.
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the Vue Claude Markdown skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- License details are not provided in these listings. Check the author’s terms before using the skills.