Frontend Development Bundle

Browse all skill bundles

Included Skills (12)

1. Valtio — Valtio is a proxy-based state library for React: wrap an object in proxy(), mutate it like plain JavaScript, and components that read it through useSnapshot re-render only for the properties they used. Use when someone asks for "simple React state management", "Valtio", "proxy state", "mutable state in React", "alternative to Zustand/Redux", or "state management without boilerplate". Covers Valtio 2: proxy state, snapshots, subscriptions, computed getters, async values with React's use hook, proxyMap/proxySet, and devtools.
2. Lovable Scaffolding Remover — This tool automates the removal of Lovable branding and boilerplate from Vite projects, helping developers quickly sanitize their codebase for production deployment.
3. Raycast — Expert guidance for building Raycast extensions — custom commands, views, and integrations for the Raycast launcher on macOS. Helps developers create productivity extensions using React, TypeScript, and Raycast's API for lists, forms, actions, and preferences.
4. Alpine — Alpine.js is a lightweight JavaScript framework for adding interactivity to HTML markup. It provides reactive data, event handling, and DOM manipulation through HTML attributes — like a modern jQuery replacement with declarative syntax.
5. Recharts — Recharts is a composable charting library for React that renders responsive SVG charts. Use when a user asks to create line charts, bar charts, area charts, pie charts, or composed dashboard visualizations using the Recharts component library.
6. React Three Fiber — The skill builds interactive 3D scenes in React using React Three Fiber, rendering meshes, lights, and cameras as JSX components. It enables developers to embed product configurators, load GLTF models, animate with useFrame, and add click or hover interactions to 3D objects. The service also optimizes performance for slow R3F scenes, benefiting web developers who need seamless, high‑quality 3D integration in React or Next.js applications.
7. Marko — Marko is an HTML-based UI language and framework from eBay with streaming server rendering, fine-grained reactivity and automatic partial hydration. Use when a user asks to build or migrate a Marko app, write .marko components with <let>, <const>, <for> and <try>/<await>, stream pages with async data, set up Marko Run or Vite, or upgrade from Marko 5 to Marko 6.
8. Codebase To Wordpress Converter — Expert skill for converting any codebase (React/HTML/Next.js) into a pixel-perfect, SEO-optimized, and dynamic WordPress theme.
9. Frontend Developer — Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture.
10. Markstream React — Integrate the beta markstream-react renderer into React 18+ or Next.js with correct client/server entrypoints, CSS, streaming state, and component overrides.
11. StyleSeed Component Generator — This tool generates standardized UI components for developers, ensuring strict adherence to StyleSeed design conventions, token usage, and React best practices.
12. React Error Handler — This tool helps React and Next.js developers implement robust error boundaries, fallback UIs, and error reporting to improve application resilience.