Web & Frontend

barispe Skill

Evaluates UIs for accessibility, including keyboard navigation, screen reader behavior, and visual contrast. Use when accessibility is a requirement or when reviewing UI changes.

biancalana Skill

Create distinctive, production-grade frontend interfaces with intentional aesthetics, high craft, and non-generic visual identity. Use when building or styling web UIs, components, pages, dashboard...

biancalana Skill

React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements. Do NOT use for component API architecture or composition patterns (use react-composition-patterns instead).

gurulost Bundle

Suite of tools for creating elaborate, multi-component Codex HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

cflw-ai Bundle

Perform a comprehensive WCAG 2.2 AA accessibility audit on any web page or HTML file, with programmatic color contrast verification and a professional styled audit report. Use this skill whenever the user asks about accessibility compliance, WCAG conformance, color contrast checking, or wants to know if a page "passes" accessibility standards. Also trigger when the user mentions "accessibility audit", "a11y check", "WCAG 2.2", "contrast ratio", "screen reader compatible", "ADA compliant", or asks whether a website or HTML file meets accessibility requirements. If the user asks to FIX accessibility issues after the audit, this skill also covers the remediation workflow. Trigger broadly — if accessibility or WCAG is mentioned at all, this skill applies.

grishaangelovgh Skill

Expert guidance for testing React applications using React Testing Library and Vitest. Focuses on user-centric testing, accessibility, and best practices for unit and integration tests to ensure robust and maintainable code.

grishaangelovgh Skill

Expert guidance for creating modern, intuitive, and visually stunning user interfaces. Use this skill when designing or implementing frontend UIs, components, layout structures, or styling.

grishaangelovgh Skill

Expert code refactoring for Java, JavaScript, and React projects. Focuses on SOLID principles, design patterns, and idiomatic improvements while ensuring test stability.

myfro9 Bundle

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

kimdoubleb Bundle

Use when creating k6 browser-based performance tests, testing frontend performance, measuring Web Vitals (LCP, FCP, CLS, INP, TTFB), or automating browser interactions for load testing. Use when the user mentions browser testing, page load testing, E2E performance, or Chromium-based testing with k6.

duffycoder Bundle

Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .csv, or .tsv file (e.g., adding columns, computing formulas, formatting, charting, cleaning messy data); create a new spreadsheet from scratch or from other data sources; or convert between tabular file formats. Trigger especially when the user references a spreadsheet file by name or path — even casually (like "the xlsx in my downloads") — and wants something done to it or produced from it. Also trigger for cleaning or restructuring messy tabular data files (malformed rows, misplaced headers, junk data) into proper spreadsheets. The deliverable must be a spreadsheet file. Do NOT trigger when the primary deliverable is a Word document, HTML report, standalone Python script, database pipeline, or Google Sheets API integration, even if tabular data is involved.

ddanielrrakowski Bundle

Generuje a upravuje responzivní email šablony v MJML a exportuje je do HTML. Použij při tvorbě nebo úpravě emailů v MJML, newsletterech, transakčních emailech, dotazech na MJML komponenty nebo export do HTML (CLI/Node).

viggyv Bundle

21 production-ready scripts for iOS app testing, building, and automation. Provides semantic UI navigation, build automation, accessibility testing, and simulator lifecycle management. Optimized for A

haroon966 Skill

React frontend development. Use when the user works on or asks about React components, hooks, JSX, client-side logic, CSS/styling, React state (useState, context, Redux), React Router, data fetching (React Query, SWR, fetch), build tools (Vite, Create React App), responsive design, or frontend testing in React.

avatarganymede Skill

Convert documents to Markdown via the MinerU MCP server (mineru-converter). Supports both URLs and local file paths. Supported formats: PDF, DOC, DOCX, PPT, PPTX, PNG, JPG, JPEG, HTML. Use when the user wants to: (1) convert a file or URL to Markdown, (2) extract text/tables/formulas from a document, (3) parse or read a PDF/DOC/PPT/image, (4) analyze document content, or (5) OCR an image or scanned PDF. This skill handles both local files and URLs. For URL-only conversion via the Smithery-deployed TypeScript server, use the mineru-convert skill instead.

viggyv Bundle

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact t

viggyv Bundle

You are an expert at building React components and applications.

viggyv Bundle

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state manag

viggyv Bundle

You are an expert at optimizing frontend performance.

zaizira Skill

Create polished, professional reveal.js presentations. Use when the user asks to create slides, a presentation, a deck, or a slideshow. Supports themes, multi-column layouts, callout boxes, code highlighting, animations, speaker notes, and custom styling. Generates HTML + CSS with no build step required.

sentry01 Bundle

Builds accessible, production-ready frontend components. Use when building UI components, forms, modals, or any React/Vue/Svelte frontend work — before writing component code.

apexscaleai Bundle

Review accessibility issues for React Native and Next.js UI, including labels, focus management, contrast, and screen reader support.

apexscaleai Skill

Run and interpret performance benchmarks for React Native and Next.js, compare against budgets, and summarize regressions. Use for bundle size, Lighthouse, and runtime profiling checks.

apexscaleai Bundle

Enforce formatting, lint rules, naming conventions, and review checklist items for this repo's stack (React Native + Next.js). Use for linting/typechecking/formatting consistency and PR review readiness.

apexscaleai Bundle

Check for common vulnerabilities and enforce safe patterns in React Native and Next.js apps. Use for auth, input validation, secrets handling, and dependency scanning workflows.

apexscaleai Bundle

Optimize and harden infrastructure for Next.js + React Native projects (CI/CD, caching, build speed, runtime cost, observability, reliability). Use for infra reviews and production cost/perf improvements.

apexscaleai Skill

Check production readiness (rollback, monitoring, SLOs, runbooks, load tests, config sanity, migrations) for React Native + Next.js. Use to gate releases and reduce incident risk.

subashmurugandev Bundle

Web frontend standards for accessibility, performance, and responsive design

matheuswidder Bundle

Complete skill for developing, suggesting, and implementing Kibo UI components. Provides comprehensive knowledge about all available components, CLI commands, composition patterns, and best practices for using Kibo UI in React/Next.js projects with enhanced UX and polished aesthetics. Built on top of shadcn/ui for richer, functional components like Kanban, Gantt, and advanced data displays.

matheuswidder Bundle

Complete skill for developing, suggesting, and implementing shadcn/ui components. Provides comprehensive knowledge about all available components, CLI commands, composition patterns, theming with CSS variables, dark mode implementation, and best practices for using shadcn/ui in React/Next.js projects with TypeScript and Tailwind CSS.

matheuswidder Bundle

React and Next.js performance optimization from Vercel Engineering. Use when building React components, optimizing performance, eliminating waterfalls, reducing bundle size, reviewing code for performance issues, or implementing server/client-side optimizations.

duboc Bundle

Comprehensive Android development skill integrating Gemini CLI with Android Studio, ADB, Gradle, emulator management, and the full Android SDK toolchain. Use this skill whenever the user mentions Android development, ADB commands, Android Studio, APK building, emulator setup, Gradle tasks, Android debugging, logcat, device management, Android testing, or any mobile development targeting Android. Also trigger when user mentions React Native or Flutter projects that target Android, Kotlin/Java mobile development, or asks about Play Store deployment.

ashyrion Bundle

Admin frontend specialist for React/TypeScript stacks. Use for page layout, interaction rules, permissions UI, and frontend tests.

samqin123 Bundle

顶级 UI 设计师模式，兼具艺术灵感与工程实现。以产品审美 (Vibe) 为核心驱动，将模糊的感性描述转化为精准的 CSS/Design Token，并在 .debug/ 目录维护设计决策 (ADR)。

donghyun1998 Skill

React 컴포넌트 설계 규칙을 적용하여 코드를 작성하거나 리뷰한다. 컴포넌트 분리, 커스텀 훅 설계, Suspense/ErrorBoundary 패턴, JSX 가독성 등 React 아키텍처 관련 작업에 사용한다. 코드 리뷰, 리팩토링 제안, 새 컴포넌트 작성 시 이 규칙을 따른다.

duboc Skill

Create a new SwiftUI view with ViewModel following project patterns. Use when you need to scaffold a new view component.