Skills tagged "frontend" (1335)

🎨 Spatial Swiftui Developer

This skill guides building visionOS SwiftUI scenes with RealityKit content, helping you choose between SwiftUI and RealityKit APIs and bridging them

frontenddesignuxscripting

🎨 Standards Css

This skill helps you enforce CSS standards across projects by applying design tokens, framework patterns, and production-ready optimization.

frontenddesignuxperformance

🎨 Standards Responsive

This skill helps you build mobile-first, responsive layouts with fluid containers, relative units, and accessible touch targets across devices.

frontenddesignux

🧪 State Machine Driven Ui

This skill helps you design deterministic UI flows with finite state machines, improving reliability, visualization, and validation across complex interactions.

frontenddesignuxdebugging

🧪 State Management

This skill helps you implement NgRx store architecture with actions, reducers, effects, and selectors for scalable Angular state management.

frontenddatatestingdebugging

🎨 Stitch Loop

This skill helps you iteratively build web pages with Stitch using a baton-loop, delivering pages and next tasks for continuous improvement.

frontendautomationci-cdproductivity

🎨 Store Data Structures

This skill helps you design efficient Zustand stores by separating list and detail data, using maps for details, and defining clear type boundaries.

datafrontendbackendtypescript

🎨 Storefront Best Practices

This skill helps you design and implement storefront features across pages, integrating best practices for UX, accessibility, and SEO to boost conversions.

frontenduxaccessibilityseo

🧪 Storybook

This skill helps developers author Storybook CSF 3.0 stories with TS safely, configuring argTypes, decorators, and docs for React components.

frontenddocstestingrefactor

🎨 Storybook Rsbuild

This skill guides you to set up or migrate Storybook to Rsbuild across React, Vue, HTML, and more, ensuring proper integration and workflows.

frontendjavascriptreactvue

🎨 Streaming Expert

This skill helps you configure and troubleshoot CCTV streaming with HLS and WHEP, optimizing latency, reliability, and playback across components.

frontendperformancedebuggingobservability

🎨 Streamlit

Build interactive data applications and dashboards with pure Python - no frontend experience required

vamseeachantafrontend

🎨 Suno Upload

This skill uploads a Suno prompt to suno.com by fully automating prompt parsing, field filling, and submission for rapid song generation.

automationscriptingfrontenddevops

🛡️ Supabase Fullstack Setup

This skill guides you start a Next.js 13+ app with Supabase, including auth, database setup, RLS, and production-ready patterns.

fullstackbackendfrontendapi

🎨 Svelte

This skill guides Svelte 5 component development with runes, props, and performance-aware patterns for efficient, reactive UI.

sveltefrontendperformancetypescript

🎨 Svelte 5

This skill guides Svelte 5 component authorship and migration, using runes, $props, and callback props for modern reactive patterns.

sveltefrontendmigrationtypescript

🎨 Svelte Code Writer

This skill helps you edit and analyze Svelte components using MCP tooling to ensure accurate, documented, and compliant code.

frontendclidocsdebugging

🎨 Svelte Frontend

This skill helps you apply Svelte 5 best practices with Runes API for explicit reactivity, improving frontend code quality in Windmill projects.

sveltefrontendperformancecode-review

🎨 Svelte Runes

Svelte runes guidance. Use for reactive state, props, effects, or migration. Covers $state, $derived, $effect, $props, $bindable. Prevents reactivity mistakes.

spences10frontend

🎨 Sveltekit

This skill provides comprehensive SvelteKit documentation guidance for cli, routing, adapters, and builds to answer questions quickly.

sveltekitsveltefrontenddocs

🎨 Sveltekit

Expert guidance for SvelteKit development with TypeScript, Tailwind CSS, SSR/SSG, and performance optimization best practices

mindrallyfrontend

🎨 Sveltekit Svelte5 Tailwind Skill

Comprehensive integration skill for building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4

claude-skillsfrontend

🎨 Svg Art Skill

This skill generates scalable SVG graphics via Python scripts for icons, charts, fractals, and generative art, returning ready-to-use SVG output.

designuxscriptingautomation

🎨 Swarm Pr Review

This skill coordinates a three-expert swarm to review a PR diff, surface high impact issues, and deliver a consensus merge verdict.

aicode-reviewtypescriptfrontend

🎨 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

This skill guides styling with Tailwind CSS using the latest patterns, enables theme customization, and applies modern, perceptually uniform OKLCH colors.

frontenddesignux

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

This skill provides a complete reference for Tailwind CSS utility classes, helping you apply styling efficiently across layouts, spacing, typography, colors,

frontenddocsproductivitydesign

🎨 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

🎨 Tailwindplus

Access TailwindPlus UI component library - search, list, and retrieve code for Marketing, Application UI, and eCommerce components in HTML/React/Vue with Tailwind CSS v3/v4

legacybridge-techfrontend

🎨 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 master TanStack Query v5 patterns for server state, including keys, transforms, suspense, and optimistic mutations.

frontendapidatatesting

🎨 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