Frontend Development (1023 — page 15)

🎨 Swift Combine

Master Combine framework for reactive programming - publishers, subscribers, operators, schedulers

pluginagentmarketplacefrontend

🎨 Swiftui Localization Skill

This skill helps SwiftUI projects localize apps by scanning resources, applying changes, and linting localization files in English or Simplified Chinese.

frontendlintingautomationci-cd

🎨 Swiftui Style Driven Components

This skill guides building extensible SwiftUI style-driven components using Apple patterns like ButtonStyle and LabelStyle, enabling environment-based styling

frontenddesignuxaccessibility

🎨 T20 Team Skills

This skill helps enforce team-wide TypeScript project conventions across frontend, backend, and tooling, ensuring consistent structure, APIs, and PR reviews.

frontendbackendapitypescript

🎨 T3 Dot Env Zod

This skill validates and types environment variables with Zod for Next.js 16+ and Vite, ensuring client/server separation and runtime safety.

frontendbackenddevopsdebugging

🎨 Tailadmin Patterns

This skill enables building consistent admin dashboards by applying TailAdmin UI patterns and Tailwind classes with verified usage from the official source.

frontenduxdesignperformance

🎨 Tailwind

This skill helps you quickly access Tailwind documentation and citations from docs/ with source references and fetch dates.

frontenddocsuxdesign

🎨 Tailwind

How to work effectively with Tailwind CSS, always use when styling frontend features

markhamsquareventuresfrontend

🎨 Tailwind 4

This skill helps you style components with Tailwind v4 using mobile-first patterns, semantic tokens, and cn() for dynamic, scalable design.

frontenddesignuxaccessibility

🎨 Tailwind Best Practices

Tailwind CSS patterns and conventions. Use when writing responsive designs, implementing dark mode, creating reusable component styles, or configuring Tailwind. Triggers on tasks involving Tailwind classes, responsive design, dark mode, or CSS styling.

asyrafhussinfrontend

🎨 Tailwind Best Practices

This skill helps you apply Tailwind v4 best practices for consistent, accessible, and efficient styling with utilities, themes, and responsive patterns.

frontendaccessibilityperformancedesign

🎨 Tailwind Css

This skill helps you master Tailwind CSS utility-first patterns for rapid, responsive UI development with dark mode, theming, and production optimization.

frontenddesignuxperformance

🎨 Tailwind Pattern

This skill provides production-ready Tailwind CSS patterns for responsive layouts, cards, forms, and navigation to accelerate UI development.

frontendshadcntypescriptnextjs

🎨 Tailwind Patterns

This skill provides quick Tailwind CSS practical patterns and breakpoints, enabling responsive layouts, dark mode, and common components.

tailwindfrontenddesignproductivity

🎨 Tailwind V4

This skill helps you configure and optimize Tailwind CSS v4 projects using CSS-first @theme, OKLCH colors, and Vite for fast, maintainable styling.

frontendperformancedebuggingdocs

🎨 Tailwind V4 Shadcn

This skill helps you set up Tailwind v4 with shadcn/ui in React projects, ensuring dark mode, CSS variable architecture, and painless migration.

frontenddebuggingmigrationrefactor

🎨 Tailwindcss Backgrounds

This skill helps you apply Tailwind CSS v4.1 background utilities including colors, gradients, images, and blend modes to design rich UIs.

frontenddesignuxperformance

🎨 Tailwindcss Borders

This skill helps you master Tailwind CSS borders by detailing border, outline, ring, and divide utilities for precise UI styling.

frontenduxaccessibilitytypescript

🎨 Tailwindcss V4 Skill

This skill helps you migrate Tailwind CSS v4 projects by outlining CSS-first directives, theme usage, and safe postcss/vite setup.

frontendmigrationdocsproductivity

🎨 Tamagui V2

This skill guides building cross platform apps with Tamagui, covering styled components, tokens, theming, and premium Bento/Takeout components for web and

reactreact-nativeexpoperformance

🎨 Tanstack

This skill helps you build type-safe React apps with TanStack Query, Router, and Start, enabling server state, routing, and SSR.

reactfullstackfrontendapi

🎨 Tanstack Integration

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

frontendbackendfullstackdata

🎨 Tanstack Query

This skill helps you master TanStack Query v5 for efficient data fetching, caching, and mutations in React applications.

frontendapidatadebugging

🎨 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

🎨 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