Frontend skills

This skill scaffolds production-ready projects with modern tooling and configurable features to accelerate startup and ensure best practices.

This skill enforces design system consistency by identifying hardcoded colors and spacing, mapping violations to tokens, and suggesting token-based fixes.

This skill helps you generate cohesive UI components using Gemini Design, 21st.dev inspiration, and shadcn/ui with animated, accessible results.

This skill helps manage global React state with Zustand v5, enabling persistent, typed stores and streamlined component access.

This skill helps you implement modern React/TypeScript frontend guidelines with Suspense, lazy loading, and feature-based organization for scalable apps.

This skill creates interactive tuning panels to adjust parameters visually, surfacing relevant values and exporting changes for lightweight LLM consumption.

This skill helps you implement robust offset-based pagination with page calculations, metadata, and React integration patterns for BKND data.

This skill helps you apply Tailwind CSS transforms, transitions, and animations to create dynamic UI effects with precise timing and origins.

This skill helps you upload files to Bknd storage using SDK or REST, with entity attachments and progress tracking.

This skill enables React apps to implement i18n with react-i18next using TypeScript Selector API and Suspense integration for scalable translations.

This skill helps you architect React apps with server and client components, patterns, and best practices for scalable, maintainable UI.

This skill helps you create high-converting book funnels including free plus shipping, landing pages, upsells, and email sequences to bridge to higher-ticket

This skill helps you implement responsive design with Tailwind CSS by outlining breakpoints and container queries for adaptive layouts.

This skill helps you design reusable component APIs and patterns such as children, slots, and render props to improve UI composition.

This skill guides configuring and validating user self-registration in Bknd apps, simplifying forms, validation, roles, and error handling for smooth

This skill guides practical immutability patterns in TypeScript to safely update state and reduce bugs across arrays and objects.

This skill helps you scaffold production-ready Chrome MV3 extensions with React and WXT, configuring content scripts, background workers, and UI panels.

This skill helps you build and optimize modern full-stack web apps using Next.js, Turborepo, and RemixIcon for efficient monorepos and scalable UI.

This skill helps you configure and integrate OAuth providers (Google, GitHub, and custom) in Bknd by guiding setup, env vars, and frontend flow.

This skill helps you keep inline code documentation clear and co-located with code, explaining why decisions were made and guiding future readers.

This skill converts a completed study guide markdown into an interactive, scroll-driven web app with editorial typography, narrated sections, and progressive