Frontend Development (1062 — page 16)

🎨 Tanstack Router

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

frontendperformancecode-reviewrefactor

🎨 Tanstack Start

TanStack Start full-stack React framework. Use for: server functions with createServerFn, TanStack Router file-based routing, TanStack Query SSR integration, Cloudflare Workers deployment.

ferdousbhaifrontend

🎨 Tanstack Table

This skill helps you build production-ready TanStack Table v8 data tables with server-side pagination, filtering, and sorting for large datasets.

backendfrontenddatadatabase

🎨 Tapforce Tailwindcss

This skill provides best practices for setting up and developing UX/UI with Tailwind CSS ^4 across projects.

tailwindfrontenduxjavascript

🎨 Task Orchestrator Hooks Builder

This skill helps you design and deploy Task Orchestrator hooks that automate workflows and react to cascade events across MCP clients.

automationscriptinggitanalytics

🎨 Tauri

Comprehensive Tauri v2 development skill for building cross-platform desktop applications with Rust backends and web frontends. This skill should be used when creating new Tauri apps, adding commands and IPC communication, developing plugins, managing application state, or integrating Rust with Java

johnlarkin1frontend

🎨 Tauri Calling Frontend

This skill guides integrating Tauri Rust frontend calls via events, channels, and JS evaluation to enable bi-directional communication and responsive UIs.

frontendbackendapidebugging

🎨 Tauri System Tray

This skill helps you implement and manage Tauri system tray icons, menus, events, and runtime updates to enhance app accessibility.

frontendproductivitybackenddevops

🎨 Tavus Cvi Ui

Integrate Tavus CVI into React apps using @tavus/cvi-ui components. Use when embedding conversations in web apps, customizing the video UI, using React hooks for CVI events, or building custom conversation interfaces with Vite/Next.js.

tavus-engineeringfrontend

🎨 Templ Htmx

This skill helps you build interactive hypermedia UIs with templ and HTMX, enabling dynamic content with minimal JS and server rendering.

gofrontendbackendfullstack

🎨 Templui

This skill helps Go/Templ developers apply templUI, HTMX, and Alpine.js best practices for interactive server-driven web apps.

frontendbackendfullstackdebugging

🎨 Theme Creation

This skill helps you create and customize themes for PropertyWebBuilder, handling registration, inheritance, palettes, and per-website styling.

designuxbrandingproduct

🎨 Theme Factory

This skill helps you implement professional theming and design token systems for brand-consistent Streamlit apps with easy theme switching.

designuxpythonfrontend

🎨 Theme Factory

This skill guides you through adding a new UI theme to AiderDesk, covering SCSS variables, i18n, and TS type registration.

frontenddesignuxai

🎨 Theme Factory

This skill helps apply consistent theme styling to slides and documents by selecting from 10 preset palettes and fonts.

frontenddesignuxaccessibility

🎨 Theme Generator

This skill generates a cohesive Preline Theme CSS file by interpreting your request, executing the build, and delivering a ready-to-use theme.

frontendautomationdesignproduct

🎨 Thesys C1 Skill

This skill guides you in building AI-powered Generative UI apps with Thesys C1, generating interactive React interfaces from natural language prompts.

frontendapiaianalytics

🎨 Three Expert

This skill helps you develop and optimize Three.js and React Three Fiber scenes with GLTF/instancing patterns, enhancing interactivity and performance.

frontendperformancedebuggingdocs

🎨 Three Js

This skill provides vanilla Three.js reference and patterns to quickly build 3D scenes and optimize rendering.

javascriptfrontendperformanceai

🎨 Threejs Animation

This skill helps you implement and optimize Three.js animations, including keyframes, skeletons, morph targets, and blending for responsive 3D motion.

frontendperformancescripting

🎨 Threejs Fundamentals

This skill helps you set up and optimize Three.js scenes, cameras, renderers, and object hierarchies for accurate 3D transforms.

frontendperformancescriptingdebugging

🎨 Threejs Geometry

This skill helps you create and customize 3D shapes in Three.js with built-in geometries, custom buffers, and efficient instancing for scalable scenes.

frontendperformancedebuggingscripting

🎨 Threejs Lighting

This skill helps you implement and optimize Three.js lighting, shadows, and environment lighting to improve realism and performance.

frontendperformancedebuggingscripting

🎨 Threejs Loaders

This skill helps you manage three.js asset loading with loaders, progress tracking, and best practices for textures, models, and HDR environments.

frontendperformancedebugging

🎨 Threejs Materials

This skill helps you select, configure, and optimize Three.js materials for realistic, stylized, and performant 3D scenes.

frontendperformancedebugging

🎨 Threejs Postprocessing

This skill enables you to implement Three.js post-processing with EffectComposer, bloom, DOF, color grading, and screen-space shaders for enhanced visuals.

frontendperformancedebuggingdocs

🎨 Threejs Shaders

This skill helps you create and customize visual effects in Three.js using ShaderMaterial and GLSL shaders for dynamic graphics.

frontenddebuggingperformancescripting

🎨 Timeline Creator

This skill helps you generate interactive HTML timelines and roadmaps with Gantt charts, milestones, and phase grouping for project planning.

frontenddesignplanningproductivity

🎨 Timeline Generator

This skill generates interactive timeline visualizations with vis-timeline, delivering ready-to-use MicroSim packages for historical, project, or event

frontenddatadocsdesign

🎨 Tiny A11y

Write minimal, accessible HTML, CSS, and JavaScript. Use when building web components, writing HTML markup, creating forms, or reviewing code for accessibility.

mikemai2awesomefrontend

🎨 Tiny Vue Skill

This skill helps you generate and implement TinyVue components with strict API constraints, docs, and examples for rapid, compliant development.

vuefrontendapidocs

🎨 Tonejs Skill

This skill helps you build browser-based audio apps with Tone.js, enabling synthesis, scheduling, effects, and real-time audio with precision.

frontendperformancedesign

🎨 Top Design

This skill helps you craft world-class web experiences with premium typography, motion, and layout to reach Awwwards-level prestige.

designuxbrandingperformance

🎨 Trigger Realtime

This skill enables real-time subscription and streaming of Trigger.dev task runs from frontend and backend to power live dashboards and progress indicators.

frontendbackendautomationapi

🎨 Ts Tui Game Skill

This skill helps you build beautiful, performant TUI games with TypeScript and blessed by providing patterns, templates, and best practices.

typescriptclifrontendux

🎨 Tsdown

This skill helps you bundle TypeScript libraries blazing fast while generating declaration files and enabling smooth migration from tsup.

frontendautomationperformancedevops

🎨 Tsf Docs

Local TanStack Form documentation reference. Use when asked about TanStack Form features, form validation, form state management, field arrays, React/Vue/Solid/Angular/Svelte form integration, or form submission handling.

jokejasonfrontend

🎨 Tvos

This skill helps you build tvOS apps with focus-based navigation, Liquid Glass UI, and media playback by guiding patterns and best practices.

swifttypescriptfrontendux

🎨 Tw React Components

This skill helps you build polished React dashboards using tw-react-components with TailwindCSS, providing ready-made UI, hooks, and layout patterns.

reactfrontendtypescriptdesign

🎨 Typebox

This skill helps you validate runtime types and switch between TypeBox and TypeMap for fast, standards-compatible schema validation.

frontendbackendperformancedebugging

🎨 Typescript

This skill helps you configure TypeScript, fix type errors, and adopt best practices with dayjs and type-safe tooling.

typescriptfrontendlintingdebugging

🎨 Typescript

TypeScript development best practices including type system, generics, utility types, configuration, and patterns for React, Node.js, and full-stack applications. Use when writing TypeScript code, converting JavaScript to TypeScript, debugging type errors, or implementing type-safe patterns.

vapvarunfrontend

🎨 Typescript Best Practices

This skill helps review and improve TypeScript code by applying best-practice patterns for types, interfaces, generics, and naming.

frontendcode-reviewrefactor

🎨 Typescript Detector

This skill detects TypeScript configuration and available compile commands, returning a structured summary for the quality-gates-compilation agent.

automationscriptingci-cdbackend

🎨 Typescript Strict

This skill enforces strict TypeScript practices to improve type safety in your codebase and prevent runtime errors.

frontendcode-reviewlintingdebugging

🎨 Typeset

This skill analyzes typography and delivers a systematic plan to improve font choice, hierarchy, sizing, and readability for clearer, more intentional text.

designfrontenduxaccessibility

🎨 Typography

This skill helps you apply professional typography principles to create readable, balanced interfaces with clear hierarchy and effective measure.

frontenddesignuxaccessibility

🎨 Ui Design

This skill helps you define contract-first UI with TypeScript interfaces and build server components using compound patterns for scalable components.

frontenddesignuxaccessibility

🎨 Ui Design Core

This skill generates bold, unique frontend UI designs with refined details, color guidance, layout strategies, and anti-pattern checks to raise quality.

designuxfrontendaccessibility

🎨 Ui Design Iteration

This skill iterates data-heavy UI designs to improve scannability, accessibility, and consistent systematization for polished products.

designuxaccessibilityproduct

🎨 Ui Design Styling

This skill helps you design and style UI components across the four OS themes, ensuring consistent retro aesthetics and theme-aware behavior.

designuxfrontendreact

🎨 Ui Implementor

UI Implementor that converts design tokens into Tailwind, shadcn components, and production CSS.

ydnikolaevfrontend

🎨 Ui Review

This skill helps ensure frontend changes conform to the Swiss International Style by validating colors, typography, borders, and shadows before commit.

frontenddesignuxlinting

🎨 Ui System Refactor

This skill helps you apply Capsule UI and Neko Blue branding guidelines to your interfaces, ensuring cohesive visuals and accessible interactions.

designuxbrandingfrontend

🎨 Ui Useframe

This skill helps synchronize DOM UI elements outside the Canvas with the render loop using external useFrame in React Three Fiber v10.

frontendperformancedebuggingrefactor

🎨 Ui Ux Design

This skill helps you design production-grade frontend interfaces with accessible UX, generating ready-to-run code and guidelines.

frontenddesignuxaccessibility

🎨 Ui Ux Design

This skill helps ui-ux designers audit and implement accessible, responsive UI patterns using shadcn/ui components and Tailwind tokens.

designuxaccessibilityfrontend

🎨 Ui Ux Design

This skill helps you apply UI/UX design patterns for an LMS, improving navigation, accessibility, and responsive layouts across pages.

designuxaccessibilityfrontend

🎨 Ui Ux Expert

This skill helps you craft accessible, user-centered web interfaces by applying WCAG 2.2 guidelines, design systems, and responsive patterns.

designuxaccessibilityfrontend

🎨 Ui Ux Pro Max

This skill helps you design, build, and refine frontend UI/UX with searchable palettes, typography, and stack guidelines across frameworks.

designuxfrontendproduct