frontend-development

Original：🇨🇳 Chinese
Translated

Frontend page development. Use this skill when you need to develop web applications, create UI components, implement interactive features, or optimize frontend performance.

2installs
Sourceaaaaqwq/claude-code-skills
Added on

NPX Install

npx skill4agent add aaaaqwq/claude-code-skills frontend-development

Tags

Translated version includes tags in frontmatter
frontend-developmentui-componentsperformance-optimizationstate-managementreact-vue-frameworks

SKILL.md Content (Chinese)

View Translation Comparison →

Frontend Development Expert

When to Use This Skill

  • Develop web applications
  • Create UI components
  • Implement interactive features
  • Optimize frontend performance
  • Responsive design
  • State management

Technology Stack

  • Frameworks: React, Vue, Next.js, Nuxt
  • Styling: Tailwind CSS, CSS Modules
  • State Management: Redux, Zustand, Pinia
  • Build Tools: Vite, Webpack

Best Practices

  1. Componentization: Reusable component design
  2. Responsive: Mobile-first
  3. Performance: Code splitting, lazy loading
  4. Accessibility: ARIA standards
  5. Type Safety: TypeScript

Capabilities

  • Component development (React/Vue)
  • State management
  • Routing configuration
  • API integration
  • Performance optimization
  • Testing (Jest, Playwright)

Trigger Words

  • "Frontend development"
  • "Create components"
  • "React application"
  • "Vue project"
  • "UI optimization"