Frontend Development (1023 — page 16)

🎨 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

🎨 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

🎨 Ui Ux Pro Max

This skill helps you design and implement polished frontend UI/UX for pages, dashboards, and apps with best-practice guidelines.

designuxfrontendtailwind

🎨 Ui Ux Pro Max

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects:

chudirenfrontend

🎨 Ui Ux Pro Max

Data-driven UI/UX design intelligence with 50+ styles, 21 palettes, 50 font pairings, and 9 framework stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Searchable design knowledge base for professional UI/UX implementation. | 数据驱动的专业 UI/UX 设计智能，包含 50+ 设计风格、21

shining319frontend

🎨 Ui Ux Pro Max

This skill generates a comprehensive UI/UX design system and recommendations across colors, typography, and layout to accelerate product design.

designuxfrontendtailwind

🎨 Ui Wireframing

This skill guides mobile-first UI planning by generating ASCII wireframes and WIREFRAME.md templates to visualize layout before coding.

designuxplanningfrontend

🎨 Unfold Admin

This skill helps you configure and customize Django Unfold admin interfaces, boosting productivity with streamlined model admins, dashboards, and advanced

djangobackendtailwindpython

🎨 Uni Helper

This skill helps you accelerate uni-app development by guiding integration of uni-helper Vite plugins, libraries, and utilities.

frontendtypescriptvueai

🎨 Uniapp Frontend Skills

This skill helps you scaffold uni-app projects with Vue 3 + TypeScript, configure themes, and integrate UI libraries across platforms.

frontenddocsproductivityscripting

🎨 Unicon

This skill helps you manage Unicon icons across React, Vue, Svelte projects, generating tree-shakeable components and bundles from the icon library.

frontendcliproductivitydocs

🎨 Unity Uitoolkit

This skill helps you accelerate Unity UI Toolkit development by guiding UXML, USS, and VisualElement patterns for efficient, maintainable interfaces.

frontenduxscriptingproductivity

🎨 Unocss

This skill helps you write and optimize UnoCSS utilities by guiding preset usage, config checks, and safe class-based styling.

frontendautomationproductivityscripting

🎨 Update Packages

This skill updates Node.js and pnpm versions across the project when explicitly requested, verifying against official sources before applying changes.

devopsscriptingci-cdbackend

🎨 Usage Tracking

This skill helps you implement usage-based billing with Flowglad by recording usage events, checking balances, and displaying usage information.

apibackendnextjstypescript

🎨 Use Dom

This skill lets you run web code in native apps using DOM components, enabling web libraries and incremental migration with Expo.

frontendmigrationdebugging

🎨 Use Store Not Props Best Practice

This skill analyzes components and rewrites them to fetch data directly from the store, reducing prop usage and enhancing maintainability.

frontendreactrefactorcode-review

🎨 Ux

This skill analyzes feature UX for efficiency-first patterns, keyboard navigation, inline editing, and pro-tool experience to speed user work.

uxproductivitydesignfrontend

🎨 Ux Animation Motion

This skill helps implement accessible, responsive motion patterns using Anime.js v4 for UI feedback, transitions, and celebratory animations.

uxaccessibilityfrontenddesign

🎨 Ux Iconography

This skill helps you apply Material Symbols v3 iconography consistently across UI components, improving accessibility, sizing, color integration, and animation.

uxfrontendaccessibilitydesign

🎨 Vanilla Js Ui Race Conditions

This skill helps you diagnose and fix DOM race conditions and optimistic UI in vanilla JavaScript across Live2D and VRM components, improving reliability.

debuggingfrontendjavascriptperformance

🎨 Vega

This skill helps you create data-driven charts with Vega-Lite and Vega, enabling clear visual insights from numeric data arrays.

dataanalyticsfrontenddesign

🎨 Vercel Composition Patterns

This skill guides React developers in refactoring with composition patterns to reduce boolean props and build scalable, reusable component APIs.

reactfrontendrefactorcode-review

🎨 Vercel Deploy Claimable

This skill deploys your project to Vercel instantly, returning preview and claim URLs to share or transfer.

devopscloudfrontendautomation

🎨 Vercel React Best Practices

This skill applies Vercel React and Next.js best practices to optimize performance in components, pages, and data fetching.

reactnextjsperformanceai

🎨 Verekia Architecture

This skill helps you architect R3F game projects by separating systems from views and guiding miniplex ECS usage for robust gameplay.

frontendperformancedebuggingrefactor

🎨 Visual Design

This skill helps you create logos, icons, diagrams, and slide decks from the command line and Slidev, saving design time.

designuxclibranding

🎨 Visual Hierarchy Refactoring

This skill helps you establish clear visual hierarchy through size, weight, contrast, and whitespace, improving layout clarity and reducing interface clutter.

designuxfrontendrefactor

🎨 Vite

This skill configures and optimizes Vite 7 for React projects, guiding plugin order, environment handling, and rolldown integration.

reactfrontendperformancedevops

🎨 Vite Lib Vue Pnpm Starter Skill

This skill bootstraps a minimal Vite Vue 3 library starter with pnpm workspace and TypeScript support, generating all files directly.

vuetypescriptcliautomation

🎨 Vitepress

This skill helps you build fast documentation sites with VitePress by applying file-based routing, Vue in Markdown, and built-in search.

docsfrontendcliproductivity

🎨 Vitepress

This skill generates standalone VitePress tutorials that explain how a codebase is implemented, with diagrams, code references, and localization options.

docswritingcontentfrontend

🎨 Vlm_expert

This skill helps you analyze images, describe visual content, and interact across text and visuals with multi-image support.

aianalyticsapicli

🎨 Vsa Pattern Selector

This skill helps you select optimal Blazor VSA patterns from the catalog based on context, accelerating feature design and implementation.

aiautomationbackendfrontend

🎨 Vsa Ui Enhancer

This skill transforms plain .razor UI into MudBlazor components, reflecting domain CanXxx() states to enhance usability while preserving architecture.

frontenddesignuxrefactor

🎨 Vue

This skill helps you build Vue components with the Composition API, reactivity, and TypeScript via script setup and best practices.

frontendscriptingperformance