Skills tagged "frontend" (1279)

🧪 Typescript Testing

This skill helps you enforce TypeScript frontend testing quality with Vitest, RTL, and MSW, ensuring coverage, independence, and reproducibility.

frontendtestingunit-testsintegration-tests

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

This skill guides UI design by translating screens into implementable specs, ensuring clear states, tokens, and consistent visuals for rapid development.

designuxfrontendproduct

🧪 Ui Extractor

This skill analyzes UI sources like URLs and recordings to generate implementation specs, design systems, and component catalogs.

frontenddesignuxjavascript

🎨 Ui Implementor

UI Implementor that converts design tokens into Tailwind, shadcn components, and production CSS.

ydnikolaevfrontend

🧪 Ui Orchestrator

This skill routes UI tasks to specialized external skills based on project needs, optimizing design, code quality, and frontend outcomes.

frontenddesigncode-reviewperformance

🧪 Ui Preview

This skill lets you preview local web and server dev environments, capture screenshots of storybooks, and inspect UI components for quick validation.

frontenduxtestingautomation

🧪 Ui Review

This skill automatically reviews UI visuals across viewports, logs in, captures screenshots, evaluates design quality, and reports actionable fixes.

frontendtestingdesignux

🎨 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

🧪 Upgrade Simple Icons

This skill upgrades simple-icons to the latest version while preserving removed icons by sourcing them into customIcons.ts and updating mappings.

frontendautomationci-cdmigration

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

This skill guides implementing WCAG 2.2 AA accessible web components, driving focus management, keyboard navigation, and screen reader support for inclusive UI.

uxaccessibilityfrontenddesign

🎨 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

🧪 Validation

This skill helps reviewers enforce gluestack-ui v4 validation standards by identifying anti-patterns, ensuring semantic tokens, proper sub-components, and

frontendcode-reviewtestingreact-native

🎨 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 Ai Elements

This skill provides complete documentation for Vercel AI Elements, enabling quick component usage, integration with AI SDK, and pattern guidance.

aidocsfrontendapi

🎨 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

🎨 Verekia Architecture

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

frontendperformancedebuggingrefactor

🧪 Virtualization And Large Data

This skill helps implement high-performance virtualization for massive datasets, enabling smooth scrolling and accessible, responsive UX.

frontendperformanceaccessibilityux

🎨 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

🧪 Visual Verification

This skill helps you verify UI features by performing browser-based checks and user interactions before marking work complete.

frontendtestinguxdebugging

🎨 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

🧪 Vitest

This skill helps you write fast, reliable tests with Vitest by leveraging Vite, Jest-compatible API, and smart coverage.

testingunit-testsjavascripttypescript

🧪 Vitest

This skill helps you harness Vitest for fast TypeScript testing with Vite-native execution, TS-first design, and seamless UI and coverage tooling.

testingfrontendperformanceci-cd

🧪 Vitest Rtl Setup

This skill helps you set up Vitest with React Testing Library for fast, reliable component tests in React/TypeScript projects.

testingunit-testsintegration-testsdebugging

🎨 Vlm_expert

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

aianalyticsapicli

🧪 Vsa Boundary Modeler

This skill helps you model boundary patterns for UI features in Blazor VSA by guiding Intent, Entity.CanXxx, and BoundaryService responsibilities.

frontendbackenddesigncode-review

🎨 Vsa Pattern Selector

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

aiautomationbackendfrontend