Skills tagged "frontend" (1335)

🎨 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

🧪 Typescript Testing

This skill helps you enforce TypeScript frontend testing quality with Vitest, RTL, and MSW, ensuring coverage, independence, and reproducibility.

frontendtestingunit-testsintegration-tests

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

This skill guides UI design by translating screens into implementable specs, ensuring clear states, tokens, and consistent visuals for rapid development.

designuxfrontendproduct

🎨 Ui Implementor

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

ydnikolaevfrontend

🧪 Ui Orchestrator

This skill routes UI tasks to specialized external skills based on project needs, optimizing design, code quality, and frontend outcomes.

frontenddesigncode-reviewperformance