Frontend Modernization skills for AI agents
8 practitioner-grade frontend modernization skills, each a focused Markdown document your agent loads into context on demand. Search them from Claude Desktop, Cursor or any MCP client, or pull one with the CLI.
All 8 skills
- component-architecture
Component composition, compound components, render props, and slot patterns
217 lines - design-system-migration
Migrating from Bootstrap/Material to Tailwind design system
201 lines - legacy-to-modern
Migrating legacy CSS/jQuery to modern React + Tailwind
174 lines - micro-frontend
Micro-frontend patterns with Module Federation, island architecture, and composition strategies
224 lines - performance-optimization
Core Web Vitals optimization patterns for LCP, CLS, and FID/INP
213 lines - server-components
React Server Components patterns for data fetching, streaming, and when to use them
222 lines - state-management
Modern state management with useState, useReducer, Zustand, context vs global store
211 lines - testing-ui
UI testing patterns for component tests, visual regression, and accessibility testing
244 lines