Vue Conventions — Development skill for Claude Code
Vue component conventions reference for Dialtone.
How to install Vue Conventions
Installs to ~/.claude/skills/dialpad-dialtone-vue-conventions/SKILL.md
mkdir -p ~/.claude/skills/dialpad-dialtone-vue-conventions && curl -fsSL https://raw.githubusercontent.com/dialpad/dialtone/HEAD/.claude/skills/vue-conventions.md -o ~/.claude/skills/dialpad-dialtone-vue-conventions/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Vue Conventions does
description: "Vue component conventions reference for Dialtone. Use '/vue-conventions' to review conventions interactively, or auto-activated when working with .vue files."
Vue Component Conventions
Detailed rules are applied automatically via path-scoped rules when editing component files. This skill provides an interactive quick-reference.
Quick Reference
| Topic | Convention |
|---|---|
| New components | Composition API + |
| Existing components |
Alternatives in Development
- Claude Config — Built-in /config command to manage settings interactively 81.1k ★
- Discipline — Toggle discipline mode — auto-invoke verification, brainstorming-before-coding, and review checks 2.8k ★
- Theme Color Conventions — Extensions in this repo use a consistent color language mapped to Pi's theme tokens 526 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Component Gen
Generate React or Vue components with prop types, styling, accessibility, and tests
Canvas To Code Source Shapes
Reference for the two source shapes Canvas-to-Code accepts — flat (review.html + screenshots) and iter (produc
New Bus Component
Scaffold a new bus/ component with styles, following project conventions. Usage: /new-bus-component --element
Brand Check
Verify a page or component against the repo's brand reference document — colors, fonts, logo usage, voice.
Create Flow
Interactive scaffolding command that creates custom agents, commands, skills, and hooks following project conv
Compact Prepare
Flush what this session learned into the files that outlive it - AGENTS.md, CLAUDE.md, project-conventions, pa
Related Agents
Vibe Vision Auto
Autonomous vision scan agent for scheduled execution. Runs non-interactively: promotes shipped Future items to
Game Narrative Designer
Narrative Designer (specialist). Story beats, NPC dialogue, event flavor text, lore. Activated for RPGs, adven
Frontend Architect
Use this agent when you need to build user interfaces or frontend components, convert mockups/wireframes/desig