frontend-dev

Enforce Vue 3 and TypeScript coding standards for components, Pinia, and styling.

1.0k|102|Updated Jan 4, 2026
One-click install
npx skills add https://github.com/doccker/cc-use-exp --skill frontend-dev-doccker
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-dev
Source: https://github.com/doccker/cc-use-exp/tree/main/.claude/skills/frontend-dev
Command: npx skills add https://github.com/doccker/cc-use-exp --skill frontend-dev-doccker

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill provides a unified set of frontend coding standards to improve consistency across Vue 3 projects.

Core Features & Use Cases

  • Vue 3 + TypeScript coding conventions (components, props, emits, setup)
  • State management guidelines with Pinia, API typing, and UI styling
  • Use Case: When onboarding new projects, teams can adopt a single style guide to reduce ramp-up time and prevent regressions.

Quick Start

Review references/frontend-style.md to begin aligning your repository with the guidelines and start refactoring components to conform.

Frequently Asked Questions about frontend-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enforce Vue 3 and TypeScript coding standards across my team?

You can enforce Vue 3 and TypeScript coding standards by adopting a unified style guide covering component structure, naming conventions, and setup syntax to improve project consistency.

What are the best practices for structuring Pinia state management in Vue 3?

Best practices for structuring Pinia state management involve following specific state management guidelines that align with TypeScript typing and your overall Vue 3 component architecture.

Can I apply frontend UI styling guidelines to an existing Vue 3 codebase?

Yes, you can apply frontend UI styling guidelines to an existing Vue 3 codebase by reviewing the style references and refactoring components to conform to the unified conventions.

Do I need external dependencies to set up TypeScript coding conventions for Vue?

No, you do not need external dependencies to set up TypeScript coding conventions for Vue, as the standards can be adopted immediately to align teams with a scalable workflow.

Why define API typing guidelines for Vue 3 TypeScript projects?

Defining API typing guidelines for Vue 3 TypeScript projects ensures strict type safety across your data fetching layers, preventing runtime errors and improving codebase scalability.