Frontend skills

This skill helps you implement and reason about Next.js useSearchParams with Suspense in client components for reliable URL query handling.

This skill helps you implement accessibility best practices in React components, improving semantic structure, keyboard support, and screen reader experience.

This skill helps you implement best practices for integrating TanStack Query, Router, and Start across SSR, caching, and data flow.

This skill helps you implement front-end testing best practices, prioritizing end-to-end tests, minimal mocks, and behavior-focused validation across the UI.

This skill helps you implement TanStack Query best practices for data fetching, caching, mutations, and SSR in React applications.

This skill generates custom images using Gemini 2.5 Flash for frontend designs, illustrations, icons, or hero images from user prompts.

This skill helps you apply TanStack Router best practices for type-safe routing, data loading, and navigation in complex React apps.

This skill helps optimize React Router data loading, forms, and route organization by applying best practices for loaders, actions, and UI data usage.

This skill helps you craft professional, brand-aligned Streamlit themes by configuring config.toml, typography, colors, and sidebar styles.

This skill generates Salesforce ERD diagrams and LWC mockups with Nano Banana Pro, plus parallel Gemini code reviews and research for faster development.

This skill helps you implement WCAG 2.2 accessibility patterns in Shopify Liquid themes, improving keyboard, screen reader, and focus management across

This skill helps you enforce Shopify Liquid theme standards across CSS, JS, and HTML for accessible, maintainable, tokenized designs.

This skill helps you maximize API and frontend throughput by eliminating waterfalls and orchestrating parallel tasks for faster, non-blocking execution.

This skill helps you boost Next.js and React performance by applying ARC-aligned layout, SVG, and typography optimizations.

This skill helps optimize bundle size by enforcing tree-shaking, dynamic imports, and deferred analytics to reduce initial load.

This skill converts Mermaid diagrams and Markdown tables into PNG or SVG images, enabling visual exports for platforms that don't support rich formatting.

This skill helps you build features in existing Base44 projects by leveraging the SDK to manage entities, auth, and AI integrations.

This skill helps you craft accessible, brand-aligned UI and design systems, auditing UX and implementing intentional, high-quality visuals.

This skill helps you improve test reliability and debug complex suites across Jest, Vitest, Playwright, and Testing Library for Vue projects.

This skill provides expert Playwright guidance for setting up E2E tests, cross-browser runs, and reliable automation workflows.

This skill helps optimize React and Next.js performance by applying Vercel's best-practice guidelines across components, pages, data fetching, and bundle