Skills tagged "frontend" (1279)

🎨 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 develop Vue 3 components and composables by applying Composition API patterns, props/emits guidance, and VueUse integration.

frontendtestingdebuggingrefactor

🎨 Vue

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

frontendscriptingperformance

🧪 Vue Best Practices

This skill helps you apply Vue.js best practices across projects, guiding composition API usage, SFC structure, and data flow for maintainable apps.

vuenuxtfrontendrefactor

🎨 Vue Best Practices

This skill helps you optimize Vue apps by applying performance patterns across reactivity, components, and composition API for faster, maintainable code.

frontendperformancecode-review

🧪 Vue Best Practices

This skill helps you write and review Vue components with TypeScript by enforcing best practices, types extraction, and Volar-compatible checks.

frontendcode-reviewrefactordebugging

🧪 Vue Composables

This skill helps you implement Vue 3 composables with localStorage persistence in Nuxt 4, enabling progress, quizzes, and certificates.

frontenddevopsproductivitycode-review

🎨 Vue Composition Api

This skill helps you implement Vue 3 Composition API patterns in components using script setup, refs, reactive, and computed for robust state management.

frontenddebuggingperformancescripting

🎨 Vue Debug Guides

This skill helps you diagnose and fix Vue 3 runtime errors, warnings, and hydration issues with actionable debugging guidance.

vuedebuggingfrontenddocs

🧪 Vue Development Guides

This skill guides Vue.js developers in applying best practices from the Vue development guides to plan, refactor, and review Vue or Nuxt projects.

frontendrefactorcode-reviewtesting

🎨 Vue Jsx Best Practices

This skill helps you apply Vue JSX best practices and distinguish Vue JSX from React JSX for smoother migration and fewer attribute errors.

frontenddebuggingmigrationcode-review

🎨 Vue Options Api Best Practices

This skill helps you apply Vue 3 Options API best practices with TypeScript integration and common gotchas, improving type safety and maintainability.

frontenddebuggingdocs

🧪 Vue Pinia

This skill helps you master Pinia state management in Vue by guiding store design, actions, getters, plugins, and persistence.

frontenddebuggingtesting

🧪 Vue Pinia Best Practices

This skill helps you implement Pinia best practices and avoid common gotchas for scalable state management in Vue 3 applications.

frontenddebuggingrefactorcode-review

🧪 Vue Router

This skill helps you master Vue Router configuration, guards, and lazy loading to build robust, scalable navigation for SPAs.

frontenduxperformancedebugging

🎨 Vue Router Best Practices

This skill helps you implement Vue Router 4 best practices, guards, and lifecycle patterns for robust and maintainable navigation.

frontenddebuggingperformancerefactor

🧪 Vue Testing Best Practices

This skill helps you implement Vue 3 testing practices with Vitest, Vue Test Utils, and Playwright to improve reliability and maintainability.

frontendtestingunit-testsintegration-tests

🎨 Vue3 Frontend

Comprehensive Vue 3 frontend development skill. Use when developing Vue 3 applications, components, or composables. Covers: (1) Creating new Vue 3 projects and components, (2) Vue 2 to Vue 3 migration, (3) Code review and optimization, (4) Composition API implementation, (5) Best practices and commo

eva813frontend

🧪 Vue3 Naiveui Fsd

This skill helps you build production-ready Vue 3 apps with Naive UI, FSD, TypeScript, and solid architecture for maintainable code.

frontendfullstackdesigntesting

🎨 Vueuse Functions

This skill guides selecting and implementing VueUse composables to build concise, maintainable Vue.js / Nuxt features with optimal performance.

frontendperformancerefactorcode-review

🎨 Wagmi Development

This skill helps you implement Wagmi features across core actions, query options, and framework bindings to accelerate Ethereum dapp development.

frontendfullstackapidebugging

🎨 Wayfinder Development

This skill helps you efficiently reference backend routes from frontend components by guiding imports, route generation, and type-safe usage.

backendfrontendlaraveltypescript

🧪 Wcag Compliance Checker

This skill helps you verify WCAG 2.1 Level AA accessibility, identify violations, and generate remediation guidance for web projects.

frontendtestingaccessibilityux

🎨 Weapon Trail

This skill helps you create a ribbon trail that follows weapon movement in React Three Fiber by using a ring buffer and gradient textures.

frontendperformancedebuggingrefactor

🎨 Web Artifacts Builder

현대적인 프런트엔드 웹 기술(React, Tailwind CSS, shadcn/ui)을 사용하여 정교한 다중 컴포넌트 claude.ai용 HTML artifact를 제작하기 위한 툴킷입니다. 상태 관리, 라우팅 또는 shadcn/ui 컴포넌트가 필요한 복잡한 artifact에 사용하세요. 단순한 단일 파일 HTML/JSX artifact용이 아닙니다.

icartshfrontend

🎨 Web Artifacts Builder

This skill guides building modern web apps with React, Tailwind, and shadcn/ui, emphasizing accessibility, type safety, and performance improvements.

frontendfullstackperformancecode-review

🎨 Web Browser

This skill allows you to automate web page exploration by controlling a browser to navigate, interact, and extract data efficiently.

automationscriptingdebuggingfrontend

🧪 Web Browser

This skill automates live website interactions in a real browser via CDP, enabling navigation, form actions, content extraction, and visual debugging.

automationtestingdebuggingpython

🎨 Web Component Design

This skill helps you design reusable UI components with modern composition patterns and CSS-in-JS choices to build robust design systems.

frontenddesignuxaccessibility

🧪 Web Components

This skill defines a zero query, attribute driven web components architecture using declarative shadow DOM and handleEvent patterns with pure browser APIs.

frontendperformanceaccessibilitydebugging

🎨 Web Design Guidelines

This skill reviews UI code against web interface guidelines, highlighting accessibility and UX issues to improve compliance and user experience.

frontendaccessibilityuxdesign

🧪 Web Design Reviewer

This skill visually inspects websites from local or remote hosts to identify design issues and suggest source-level fixes.

frontendfullstackdebuggingcode-review

🎨 Web Design Studio

This skill designs complete production-grade web pages with AI-generated images, delivering ready-to-deploy HTML/CSS/JS and visuals that match your aesthetic.

frontenddesignuxaccessibility

🎨 Web Development

This skill streamlines web frontend development by guiding project structure, CloudBase Web SDK integration, and static hosting deployment for responsive apps.

frontendcloudtypescriptjavascript

🧪 Web E2e

This skill helps you create, run, and debug Playwright e2e tests for the Uniswap web app with automated fixtures and mocks.

testingdebuggingautomationfrontend

🎨 Web Frameworks

This skill helps you build and optimize modern full-stack web apps using Next.js, Turborepo, and RemixIcon for efficient monorepos and scalable UI.

nextjsremixreactfullstack

🧪 Web Performance Optimization

This skill helps you optimize website performance by measuring, prioritizing, and implementing Core Web Vitals and bundle size improvements.

performancedebuggingfrontendtesting

🛡️ Web Security

This skill helps you enforce web security best practices by validating input, securing data, and applying strict policies across apps.

securitybackendfrontendapi

🎨 Web Typography

This skill helps you choose and pair web typography for readability and performance, guiding line length, hierarchy, and responsive loading.

designaccessibilityproductfrontend

🧪 Webapp Testing

This skill helps you test local web applications using Playwright, capturing logs and screenshots while debugging UI behavior.

testingdebuggingautomationscripting

🎨 Webconsulting Branding

Enforces webconsulting.at design system, color palettes, typography, and MDX component structures for frontend development.

dirnbauerfrontend

🧪 Webdev Combobox Autocomplete

This skill provides framework-agnostic autocomplete patterns and accessibility guidance to build robust combobox components with aria attributes and async

frontendaccessibilityuxcode-review

🎨 Webdev Filter Query Builder

This skill helps build advanced, AST-based filter queries with type-aware operators and multi-format serialization for observability and analytics UIs.

pythonobservabilityanalyticsfrontend

🎨 Webdev Token Input

This skill enables multi-value token input patterns with colon or comma triggers for tag inputs and filters, improving editing and suggestions.

frontenduxaccessibility

🎨 Webf Async Rendering

This skill helps you master WebF's async rendering by waiting for onscreen before measurement and applying layout-safe patterns.

frontendperformancedebuggingdocs

🎨 Webf Infinite Scrolling

This skill enables building high-performance infinite scrolling lists with pull-to-refresh and load-more using WebFListView for smooth 60fps UI.

frontendperformancedebugging

🎨 Webf Native Ui

This skill helps you accelerate iOS-style UI development by leveraging WebF Cupertino components for native Flutter performance and seamless React or Vue

frontenddesignperformanceux

🎨 Webf Native Ui Dev

This skill helps you build native UI libraries for WebF by wrapping Flutter widgets into web elements with React and Vue support.

frontenduxapi

🧪 Webf Quickstart

This skill helps you quickly start WebF projects with Vite, set up WebF Go testing, and load your first app efficiently.

frontendtestingdebugging

🎨 Websearch

This skill helps you fetch up-to-date facts and external docs by querying the web with the Exa-backed websearch tool.

airesearchapidata

🎨 Websh

This skill lets you navigate the web like a filesystem, running shell commands on cached pages for instant, offline-like content extraction.

automationscriptingclifrontend

🧪 Website Preview

This skill renders the Jekyll site locally, captures screenshots, and visually verifies CSS and layout changes.

frontendautomationtestingdebugging

🎨 Wechat Article

Convert Markdown articles to WeChat Official Account compatible HTML format. Use when users need to convert Markdown files to WeChat articles, apply themed styling for WeChat formatting, generate inline CSS HTML compatible with WeChat editor, process technical articles with code blocks and tables fo

freeanyfrontend

🎨 Wechat Article Formatter

This skill converts Markdown into beautified HTML optimized for WeChat public account publishing, applying AI-tech theme styles, code highlighting, and

frontendautomationscriptingwriting

🎨 Wechat Article Formatter Skill

This skill formats markdown into WeChat-ready HTML using custom CSS and automatic image uploads for seamless WeChat articles.

frontendapiautomationcontent

🎨 Wechat Miniprogram Skill

This skill helps you optimize WeChat Mini Program native JS apps for performance, code size, and native compatibility.

performancedebuggingcode-reviewrefactor

🎨 Widget Design

This skill guides designing robust UI widgets for GPT and MCP apps, choosing React or template literals, and ensuring reliable rendering.

frontenddesignuxdebugging

🧪 Widget Studio Skill

This skill guides you to integrate Widget Studio SDK across HTML, React, Next.js, Shopify, and WordPress, ensuring correct site key usage and safe loading.

frontenddocsintegration-testsperformance

🎨 Wiki Vitepress

This skill packages wiki Markdown into a VitePress site with dark theme, Mermaid diagrams, and production output for browsable pages.

docsfrontendautomationci-cd

🎨 Wix Cli Site Component

Use when building React site components with editor manifests for Wix CLI applications.

wixfrontend