skills.rest
dnsnamdang
dnsnamdangCOMMUNITY
Explore all skills by this author →
GitHub

elearning-base-convention

Define coding and configuration standards for Vue 3 and Laravel 8 elearning projects.

Updated Apr 5, 2026
Search Tags:#coding standards#tailwind css#laravel#vite#vue 3#elearning
One-click install
npx skills add https://github.com/dnsnamdang/hrm-claude-config --skill elearning-base-convention
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: elearning-base-convention
Source: https://github.com/dnsnamdang/hrm-claude-config/tree/main/hrm/.claude/skills/elearning-base
Command: npx skills add https://github.com/dnsnamdang/hrm-claude-config --skill elearning-base-convention

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires vue, vite, vue-router, pinia, tailwindcss, laravel, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill Unit defines the foundational coding and configuration standards for elearning projects, ensuring consistency and efficiency across your Vue 3 + Vite applications.

Core Features & Use Cases

  • Tech Stack Standardization: Specifies the use of Vue 3.5, Vite 5, Vue Router 4, Pinia 3, Tailwind CSS 3.4, and Laravel 8.
  • Directory Structure: Outlines a clear and organized project structure with detailed guidelines for component, store, and utility development.
  • Component and Store Best Practices: Provides conventions for Vue components and Pinia stores, including naming conventions, prop handling, and emit usage.
  • Tailwind CSS Usage: Defines common class patterns for styling components with Tailwind CSS, excluding Bootstrap and SCSS module usage.
  • Routing and API Handling: Offers guidelines for setting up Vue Router and handling API requests with axios, including error handling and response formatting.

Quick Start

Run the setup script for a new elearning project to establish the standard configuration and directory structure.

Frequently Asked Questions about elearning-base-convention

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

FAQPage Schema
What are the standard coding conventions for a Vue 3 and Laravel elearning project?▼

Standard coding conventions for a Vue 3 and Laravel elearning project define directory structure, component naming, Pinia store usage, and API handling to ensure consistency across your applications.

How do I structure directories and components for a Vue 3 elearning application?▼

You structure directories for a Vue 3 elearning application by following specific guidelines for component, store, and utility development, ensuring organized project architecture and clear naming conventions.

Can I use Bootstrap or SCSS with Tailwind CSS in this Vue 3 elearning stack?▼

You cannot use Bootstrap or SCSS modules with this Vue 3 elearning stack; the conventions define common class patterns for styling components exclusively using Tailwind CSS 3.4.

Does this elearning coding standard require specific versions of Vite and Vue Router?▼

This elearning coding standard requires specific versions: Vue 3.5, Vite 5, Vue Router 4, Pinia 3, Tailwind CSS 3.4, and Laravel 8 to ensure full compatibility and standardized configuration.

How do I handle API requests and routing in a Vue 3 Laravel elearning project?▼

You handle API requests and routing in a Vue 3 Laravel elearning project using axios for API handling with defined error responses, and Vue Router 4 guidelines for setting up application navigation.

Related Skills

Explore More Software Engineering Skills→
Eng0AIEng0AI
15

vite-vue

Create a Vite 7 and Vue 3.5 TypeScript template with build and deploy workflows.

Official
Intermediate
PatternsDevPatternsDev
235

state-management

Create reactive Vue stores with Pinia defineStore for shared state.

Official
Intermediate
micserrmicserr

toge:prototype

Convert wireframe files into interactive Vue 3 prototypes with Vue Router and Pinia.

Community
Intermediate
zenobi-uszenobi-us
68

frontend-developer

Develop accessible React, Vue, or Angular components with TypeScript strict mode.

Official
Intermediate