skills.rest
miles990
miles990COMMUNITY
Explore all skills by this author →
GitHub

frontend

Guide React, Next.js, and Vue.js development with component patterns and Tailwind CSS.

20|5|Updated Jan 5, 2026
Search Tags:#typescript#performance#frontend#react#css#vue#nextjs
One-click install
npx skills add https://github.com/miles990/claude-software-skills --skill frontend-miles990
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend
Source: https://github.com/miles990/claude-software-skills/tree/main/development-stacks/frontend
Command: npx skills add https://github.com/miles990/claude-software-skills --skill frontend-miles990

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and best practices for developing modern, performant, and maintainable frontend applications using popular frameworks and technologies.

Core Features & Use Cases

  • Framework Guidance: Covers React, Next.js, and Vue.js development patterns.
  • Styling Solutions: Demonstrates Tailwind CSS and CSS Modules for efficient styling.
  • Performance Optimization: Includes techniques like code splitting and virtualization.
  • Testing Strategies: Offers examples for component testing.
  • Sharp Edges: Highlights common pitfalls and provides detection patterns.
  • Use Case: Quickly set up a new React project with TypeScript, configure ESLint and Vite, and implement a reusable button component with proper styling and accessibility.

Quick Start

Create a new React project with TypeScript and configure its build tools.

Frequently Asked Questions about frontend

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

FAQPage Schema
How do I set up a new React project with TypeScript and Vite?▼

To set up a new React project with TypeScript, you need to configure build tools like Vite and ESLint. This provides a foundation for implementing reusable components with proper styling and accessibility.

What are the best performance optimization techniques for Next.js applications?▼

Performance optimization for Next.js and React involves code splitting and virtualization. These techniques reduce initial load times and improve rendering efficiency for large web applications.

When should I use Tailwind CSS vs CSS Modules for component styling?▼

Tailwind CSS and CSS Modules are both efficient styling solutions for modern frontend development. Tailwind offers utility-first styling while CSS Modules provides scoped component styles, preventing common CSS pitfalls.

How do I test React and Vue components for validation?▼

Component testing strategies for React and Vue.js involve validating component-level behavior and rendering. This ensures your frontend components function correctly before deployment.

What are common pitfalls in Vue.js state management and how do I fix them?▼

Common Vue.js state management pitfalls include inefficient component patterns and styling issues. Detection patterns and optimized state management solutions help resolve these sharp edges in web applications.

Related Skills

Explore More Software Engineering Skills→
i5tingi5ting
172

Nodejs Newbie

Teach Node.js fundamentals including NVM setup, npm, and Git workflows.

Community
Intermediate
etylsarinetylsarin
59

performance-optimization

Analyze profiling data and bundle metrics to recommend performance fixes.

Community
Intermediate
Impertio-StudioImpertio-Studio

tailwind-errors-utility-soup

Analyze Tailwind CSS utility soup and provide refactoring suggestions.

Official
Intermediate
xiaobei930xiaobei930
49

frontend

Implement frontend patterns for component design, state management, performance, and accessibility across Vue, React, Svelte, and Angular.

Community
Advanced