frontend-vue-development

Validate Vue 2/3 components against kebab-case, indentation, and semicolon conventions.

2.5k|521|Updated May 29, 2019
One-click install
npx skills add https://github.com/TencentBlueKing/bk-ci --skill frontend-vue-development
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-vue-development
Source: https://github.com/TencentBlueKing/bk-ci/tree/main/ai/skills/frontend-vue-development
Command: npx skills add https://github.com/TencentBlueKing/bk-ci --skill frontend-vue-development

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill standardizes Vue development practices across projects to improve consistency, maintainability, and onboarding speed.

Core Features & Use Cases

  • Vue 2/3 component development conventions
  • Vuex state management, routing, and styling guidelines
  • Internationalization and accessibility basics

Quick Start

Validate a Vue component against the project conventions; ask the skill to check for kebab-case filenames, 4-space indentation, and no semicolons.

Frequently Asked Questions about frontend-vue-development

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

FAQPage Schema
How do I enforce Vue component naming and indentation conventions across a project?

To enforce Vue component conventions, this Skill validates code against established rules like kebab-case file naming, 4-space indentation, and no semicolons. It scans Vue 2/3 components and returns actionable remediation steps for any violations.

What is the standard way to structure Vuex state management and routing in Vue projects?

Standardizing Vuex state management and routing involves following established development conventions. This Skill checks your Vue components, Vuex modules, and routing configurations against project guidelines to ensure consistency and maintainability.

Does this Vue development convention checker support both Vue 2 and Vue 3?

Yes, this Vue convention checker supports both Vue 2 and Vue 3 components. It applies standardized development practices across projects, validating component code, styling, and internationalization basics regardless of the Vue version.

How to check Vue files for semicolons and incorrect file naming?

To check Vue files for semicolons and incorrect naming, ask the Skill to validate your component code. It enforces kebab-case file naming and no semicolons, providing actionable remediation steps to fix any deviations from the conventions.

Can I use this to speed up onboarding for new Vue developers?

Yes, you can use this Skill to speed up onboarding for new Vue developers. By enforcing standardized Vue development practices and returning actionable remediation steps, it helps teams maintain consistency and quickly adapt to project conventions.

Are there specific styling or accessibility guidelines for Vue components I should follow?

Yes, specific styling and accessibility basics are included in the Vue development conventions. This Skill validates component code against these established guidelines, ensuring your styling tasks and accessibility implementations adhere to project standards.

Related Skills