Frontend

Programming in React guides modern React component work with TypeScript, hooks, composition, and common pitfalls. Use it when creating or modifying .jsx/.tsx files, planning React features, or debugging React-specific issues.

API Versioning helps you version Spring MVC or WebFlux APIs in Spring Boot 3 and Spring Framework 6. Use it to choose URL, header, or media-type strategies and handle compatibility and deprecation.

React Flow builds interactive node-and-edge graphs for workflows, diagrams, and visual programming. Use it when you need custom nodes, custom edges, labels, or viewport control in a graph editor.

Shadcn UI provides patterns for installing and using shadcn/ui components in React and Next.js projects. Use it for accessible UI pieces, forms with validation, theme customization, and Tailwind-based component layouts.

Vercel React Best Practices gives performance guidelines for React and Next.js code. Use it when writing, reviewing, or refactoring components, data fetching, or bundles to reduce waterfalls and improve rendering.

Web UI Components guides creation, modification, and review of React web UI components. Use it for new components, updates, Storybook stories, data-testid attributes, and unit tests in the Shep presentation layer.

Design Audit reviews existing UI screens and components for hierarchy, spacing, typography, color, responsiveness, and accessibility. Use it when you want a phased design plan before changing a product’s visual design.

Frontend Design provides guidelines for planning layouts, themes, animations, and responsive implementation for UIs. Use it when building landing pages, dashboards, or other frontend interfaces.

Applying UI Design System helps choose and implement a UI aesthetic such as Glassmorphism, Liquid Glass, Neubrutalism, or Claymorphism. Use it when building components, setting design tokens, or checking contrast, focus, motion, and dark mode behavior.

Mobile Development covers iOS, Android, React Native, and Flutter patterns for building native and cross-platform apps. Use it when choosing a mobile stack or implementing platform-specific UI and state management.

Animated Component Libraries provides guidance on using Magic UI and React Bits for pre-built animated React components. Use it when building landing pages, marketing sites, dashboards, or interactive UIs that need ready-made motion effects.

Awwwards Animations creates premium React web animations with GSAP, Motion, Anime.js, and Lenis. Use it for scroll-driven scenes, page transitions, micro-interactions, and other high-performance motion effects.