Skills tagged "frontend" (1279)

🎨 Skills

This skill guides using @landfolk/tx styling in React/Next.js, optimizing grouping, compile-time transforms, and linting for reliable Tailwind classes.

frontenddebugginglintingperformance

🎨 Skills

This skill helps you build interactive geospatial visualizations with AntV L7, rendering large datasets and maps across Mapbox, GaodeMap, or standalone.

dataanalyticsfrontendperformance

🛡️ Skills Didit Best Practises

This skill helps you implement Didit identity verification with best practices across console setup, backend flows, and frontend integration.

backendfrontendapisecurity

🎨 Slidev

This skill helps you create and deliver web-based developer presentations using Markdown, Vue components, code highlighting, and interactive demos.

frontenddocsproductivity

🎨 Slidev

This skill helps you create engaging slide decks with Markdown using Vue-powered Slidev, including code highlighting, diagrams, and LaTeX math.

frontenddocscliscripting

🎨 Slidev Mastery

This skill helps you create polished Slidev presentations by applying best practices for accessible, modular markdown slides with components, layouts, and

accessibilitydocsdesignproductivity

🎨 Slidev Styling

Style Slidev slides with UnoCSS and custom CSS. Use this skill for custom colors, typography, animations, and responsive designs.

yoanbernabeufrontend

🎨 Smart_commit

This skill generates concise Korean Conventional Commit messages based on git diff, ensuring accurate type, subject, and optional body.

gitautomationbackendfrontend

🎨 Smarty Plugins

This skill provides a complete reference for Kuroco Smarty plugins, enabling quick lookups of functions, modifiers, and syntax to build templates efficiently.

frontendbackendapiwriting

🎨 Snippets_flutter Infinite Canvas

This skill guides you to build an infinite Flutter canvas with multi touch handling using InteractiveViewer and CustomMultiChildLayout for flexible layouts.

flutterfrontenddesignux

🧪 Solidjs Solidstart Mastery Skill

This skill provides expert SolidJS and SolidStart guidance to build production-ready, scalable apps with fine-grained reactivity, SSR support, and

frontendfullstackapiperformance

🛡️ Sorcha Ui

This skill helps you develop Sorcha.UI pages with integrated Playwright E2E tests against Docker, ensuring UI functionality and visual health.

frontendtestingdevopsinfra

🎨 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

🎨 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

🛡️ Stripe Best Practices

This skill guides Stripe integration design using CheckoutSessions and APIs, ensuring up-to-date practices and safe migration paths for robust payments.

apibackendfrontendfullstack

🎨 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 V4 Skill

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

frontendmigrationdocsproductivity

🎨 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