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
216 lines - design-system-migration
Migrating from Bootstrap/Material to Tailwind design system
200 lines - legacy-to-modern
Migrating legacy CSS/jQuery to modern React + Tailwind
173 lines - micro-frontend
Micro-frontend patterns with Module Federation, island architecture, and composition strategies
223 lines - performance-optimization
Core Web Vitals optimization patterns for LCP, CLS, and FID/INP
212 lines - server-components
React Server Components patterns for data fetching, streaming, and when to use them
221 lines - state-management
Modern state management with useState, useReducer, Zustand, context vs global store
210 lines - testing-ui
UI testing patterns for component tests, visual regression, and accessibility testing
243 lines