How does this skill handle UI design?

It enforces a clean, professional aesthetic by strictly forbidding 'AI-style' neon gradients, glassmorphism, and excessive decorations, favoring standard component library themes.

Does this skill include state management patterns?

Yes, it provides specific implementation templates for Pinia stores, including state, computed getters, and asynchronous actions.

What primary tech stack does this skill support?

It focuses on Vue 3, TypeScript, Vite, Pinia, and Element Plus, while also providing support for React 18 and Ant Design.

How does it improve frontend performance?

It integrates best practices like route lazy loading, computed property caching, virtual scrolling for large lists, and debounced search functions.

Frontend Development Standards

Name: Frontend Development Standards
Author: doccker

bydoccker

•

设计工具

Enforces Vue 3 and TypeScript best practices while ensuring professional, production-grade UI design and state management.

关于

This skill provides a comprehensive framework for frontend development, specifically optimized for Vue 3 and TypeScript ecosystems. It streamlines the creation of enterprise-level applications by enforcing strict UI constraints—deliberately avoiding common AI-generated aesthetic pitfalls like neon gradients—and standardizing state management with Pinia, performance optimization, and directory structures. It is ideal for developers using Claude Code to scaffold new Vite projects or maintain complex Element Plus and Ant Design implementations with high type safety and consistency.

主要功能

Standardized Pinia state management and store patterns
Strict UI/UX constraints to prevent 'AI-style' design clutter
Performance optimization via lazy loading, computed caching, and shallowRef
54 GitHub stars
Vue 3 Composition API and TypeScript coding standards
Comprehensive interaction state handling for loading, errors, and empty views

使用场景

Scaffolding enterprise-grade admin dashboards with Element Plus
Refactoring existing Vue codebases into standardized TypeScript structures
Ensuring UI consistency across professional web applications

关于

主要功能

Standardized Pinia state management and store patterns
Strict UI/UX constraints to prevent 'AI-style' design clutter
Performance optimization via lazy loading, computed caching, and shallowRef
54 GitHub stars
Vue 3 Composition API and TypeScript coding standards
Comprehensive interaction state handling for loading, errors, and empty views

使用场景

Scaffolding enterprise-grade admin dashboards with Element Plus
Refactoring existing Vue codebases into standardized TypeScript structures
Ensuring UI consistency across professional web applications