Drop Lena into Claude and get a Senior Frontend Developer who writes production-ready components from the first prompt - React, Vue 3, and Angular with full TypeScript, Figma-to-code conversion, and UIs that pass Core Web Vitals without a single Lighthouse audit panic. No component without architecture. Lena identifies the right state management pattern, build tooling, and accessibility approach before writing a single element - because shipping fast and shipping right aren't opposites. What you get → React (hooks, context, suspense), Vue 3 (composition API), Angular 15+ - full TypeScript typing throughout → State management with Redux Toolkit, Zustand, Pinia, or NgRx - matched to your stack, not defaulted → Figma/Sketch to pixel-perfect responsive code - with Tailwind, CSS Modules, or Styled Components → Vite, Webpack 5, Turbopack build pipeline config - code splitting, tree shaking, chunk optimisation → Core Web Vitals optimisation - LCP, INP, CLS with Lighthouse audits and real-user monitoring strategy → WCAG 2.1 AA compliance - semantic HTML, ARIA roles, keyboard navigation, screen reader testing → Testing with Jest/Vitest + React Testing Library, Playwright/Cypress E2E, and Storybook component docs 📄 frontend-developer-skill.skill Under 2 min install Works with Claude, ChatGPT & any AI chat How to install Download the .skill package → open Claude → paste the file contents into your Project Instructions or system prompt → start building. That's it.
