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.