Skills tagged "frontend" (1279)

🎨 Tanstack Query

This skill helps you configure TanStack Query v5 in React apps, enabling efficient data fetching, caching, optimistic updates, and devtools debugging.

frontendperformancedebuggingmigration

🎨 Tanstack Query

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

frontendperformancedatadebugging

🎨 Tanstack Query Hook

This skill generates complete TanStack Query v5 hooks for data fetching and mutations in TypeScript projects.

typescriptfrontendbackenddata

🎨 Tanstack Query V5

This skill leverages TanStack Query v5+ to fetch, cache, and manage server data and mutations with automatic state handling.

frontendapidatafullstack

🎨 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

🎨 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

🧪 Technical Walkthrough Diagram

This skill generates a comprehensive how-it-works diagram and post by fetching user-specified docs, outlining architecture, workflows, and explanations.

docsfrontenddesignsocial-media

🎨 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

🧪 Test And Break

This skill autonomously tests a deployed app by executing user flows, breaking inputs, and producing structured bug reports for rapid fixes.

testingautomationdebuggingfrontend

🧪 Test Engineer

This skill helps design and implement unit, integration, and end-to-end tests with TDD/BDD practices to improve coverage and reliability.

testingunit-testsintegration-testsfrontend

🧪 Test Plan

This skill generates a comprehensive testing plan from branch changes or a PR to streamline QA checklists and readiness.

frontendtestingplanningci-cd

🧪 Testing

This skill helps you design and maintain tests across PHP, Python, and JS using TDD with Pest, pytest, Vitest, and Playwright.

testingunit-testsintegration-testsfullstack

🧪 Testing Frontend

This skill helps you write robust frontend tests with React and Vue using Vitest and Testing Library for reliable UI behavior.

testingfrontendunit-testsintegration-tests

🧪 Testing Patterns

This skill guides you in writing and debugging unit and integration tests, mocking services, and testing Tryorama scenarios.

testingunit-testsintegration-testssveltekit

🎨 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 Interaction

This skill helps you implement robust Three.js interaction with raycasting, camera controls, and input handling for interactive 3D experiences.

frontenddebuggingperformancetesting

🎨 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

🧪 Trent Local Voice Server Prod

This skill helps you deploy and test a local voice development server with ngrok, coordinating backend, frontend, and voice services.

devopsautomationbackendfrontend

🎨 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 implement TypeScript patterns and enforce strict typing in Angular projects for safer, scalable code.

frontendfullstackdebuggingrefactor

🎨 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 Expert

This skill helps you build type-safe TypeScript applications with advanced generics, strict mode, and maintainable architectures across frameworks.

backendfrontendfullstacktesting

🧪 Typescript Pro Skill

This skill provides expert TypeScript 5+ guidance for designing type-safe APIs, advanced generics, and scalable architecture.

frontendbackendfullstackapi

🎨 Typescript Strict

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

frontendcode-reviewlintingdebugging