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.

主要功能

01Standardized Pinia state management and store patterns

02Strict UI/UX constraints to prevent 'AI-style' design clutter

03Performance optimization via lazy loading, computed caching, and shallowRef

0454 GitHub stars

05Vue 3 Composition API and TypeScript coding standards

06Comprehensive interaction state handling for loading, errors, and empty views

使用场景

01Scaffolding enterprise-grade admin dashboards with Element Plus

02Refactoring existing Vue codebases into standardized TypeScript structures

03Ensuring UI consistency across professional web applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add doccker/cc-use-exp frontend-dev

For use in Claude.ai and ChatGPT

Download Skill