Web & Frontend

bitsocialnet Bundle

Review React effects and memoization when the user requests an effect audit or a change has unclear synchronization needs.

bitsocialnet Bundle

Review React effects and memoization when the user requests an effect audit or a change has unclear synchronization needs.

lev-os Skill

UX design hub: 7-step wireframe pipeline + product design (design-os) + visual prototyping (pencil) + agentic UX patterns (lev-ref). Use for wireframes, flows, IA, JTBD, product design, CLI design, agentic UX, design systems, or component architecture.

iliaal Bundle

Tailwind CSS v4 patterns: CSS-first config, utility classes, component variants, v3 migration. Use when styling with Tailwind, configuring @theme tokens, using tailwind-variants/CVA, migrating v3 to v4, or fixing Tailwind styles and dark mode.

iliaal Bundle

React, TypeScript, and Next.js patterns for frontend development. Use when building React components, managing state, fetching data, optimizing performance, or working with Next.js App Router. Covers React 18-19, hooks, Server Components, and type-safe patterns.

zjj1224073665 Bundle

Use when analyzing quant trading strategy performance attribution, old vs new strategy variants, normalization or gate changes, in-sample vs out-of-sample failure, and HTML reports that need hypothesis-driven statistical validation plus plain-language factor logic.

cometchat Skill

Entry-point for CometChat integration in any React project — web (React/Next.js/React Router/Astro) and React Native (Expo/bare). Detects the framework, gathers requirements through an interactive conversation, and writes production-quality integration code.

cometchat Skill

Add features (calls, reactions, polls, file sharing, presence, etc.) to an already-integrated CometChat project. Routes to the right sub-flow based on feature type — default features (already enabled), dashboard-toggle features (extensions + AI), package-install features (calls), or component-swap features (rich text).

cometchat Skill

Push notifications for React Native CometChat — APNs + FCM setup, dashboard provider configuration, client registration, token lifecycle, foreground display, background wake, tap-to-deep-link, and the Expo Go / APNs-environment traps that silently break production.

cometchat Skill

Feature catalog for React Native — calls (separate SDK + WebRTC), extensions (polls / stickers / translation / link preview / collaborative doc / whiteboard / smart replies), AI agent, in-call chat. When to toggle, install, or swap.

cometchat Skill

Where to put chat in a React Native app — Stack screen, BottomTab, Modal, BottomSheet, Embedded. Maps each to CometChat component composition with ASCII layout references.

cometchat Skill

Integration patterns for bare React Native CLI projects — pod install, Info.plist + AndroidManifest permissions, Apple privacy manifest, native module linking, Metro config.

s-hiraoku Bundle

Direct high-quality frontend UI work by using Codex Image Gen for visual mockups, then implementing the selected direction in code with browser-based visual QA. Use when the user asks for a better-looking web UI, UI mockup, app screen, dashboard, landing page, visual redesign, or wants Image Gen/GPT Image 2 to guide frontend implementation. Avoid for backend-only work or tiny style tweaks that do not need visual direction.

azzygoatcoder Bundle

macOS / Windows 只读存储分析助手（自动识别系统）。扫描整机磁盘占用，找出 占空间大户，把每一项分成 🟢可自动清理 / 🟡需人工判断 / 🔴谨慎清理 三级并给出 可执行处置方案，生成排版精美、可折叠、命令可一键复制的交互式 HTML 报告，并可 起本地服务在网页上一键删除（移废纸篓/直接删）。扫描全程只读。务必在以下场景 使用：用户说"存储分析""磁盘满了""C盘/硬盘满了""空间不够""清理空间" "清理磁盘""占空间""哪些东西占地方""帮我看看存储""看一下电脑存储/空间" "存储空间""电脑空间不够""内存满了/不够/不足""看下内存/存储"（中文口语里 "内存"常指存储空间）"storage analysis""disk cleanup""清缓存""磁盘清理"； 或用户抱怨电脑没空间、想知道什么东西吃硬盘、想要清理建议时。注意：若用户明确 指运行内存/RAM（如"哪个进程吃内存""内存占用高"想看活动监视器），那是 RAM 不是存储，不属于本 skill。

grafana Skill

Optimise Grafana app plugin bundle size using React.lazy, Suspense, and webpack code splitting. Use when the user asks to reduce plugin bundle size, optimise module.js, add code splitting, improve initial plugin load performance, split plugin chunks, lazy load plugin pages, or help implement lazy loading in a Grafana app plugin. Triggers on phrases like "optimise plugin bundle size", "module.js is too large", "plugin is slow to load", "code split the plugin", "reduce initial JS payload", or "help me with Suspense in my plugin".

modsetter Skill

Create interactive calculators, configurators, dashboards, widgets, and prototypes as self-contained HTML artifacts.

modsetter Skill

Coordinates frontend and UI implementation, refactoring, and review using the project's color system, React performance, shadcn/ui, interface-polish, and animation-vocabulary skills. Use when the user explicitly requests /frontend-workflow for a frontend task.

modu-ai Bundle

Enterprise Nextra documentation framework with Next.js. Use when building documentation sites, knowledge bases, or API reference documentation.

modu-ai Bundle

Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance, or integrating state management.

modu-ai Bundle

REST/GraphQL API design patterns, error handling conventions, and input validation reference for backend development. Agent-extending skill that amplifies expert-backend expertise with production-grade API patterns. Use when designing APIs, implementing endpoints, or reviewing backend code. NOT for: frontend development, DevOps, database schema design, security audits.

modu-ai Bundle

React/Next.js component design patterns, state management strategies, and project structure reference for frontend development. Agent-extending skill that amplifies expert-frontend expertise with production-grade React patterns. NOT for: backend API design, database modeling, DevOps, mobile apps.

martintmk Skill

Send a text or HTML message to the current user's Microsoft Teams self-chat. Use when the user says "message myself", "send me a Teams message", "send this to my Teams", or invokes this skill with message content. The message is posted as the user to the Teams "Just me" chat, so Teams may not produce an incoming-message notification.

davidbasilefilho Skill

Retrieve current library, framework, and component documentation through Context7. Use for API lookup, code examples, usage verification, or facts likely newer than training data.

davidbasilefilho Skill

Create high-variance editorial UI with AIDA structure, wide heroes, gapless bento grids, advanced GSAP motion, varied assets, and strict preflight verification. Use for motion-rich premium React/Tailwind pages that must avoid common generated layouts.

davidbasilefilho Skill

Upgrade existing websites/apps to premium quality without breaking behavior or replacing their stack. Use for redesigns, design audits, removing generic AI patterns, or targeted visual and UX polish across any CSS approach.

davidbasilefilho Bundle

Find codebase deepening opportunities, present a visual HTML review, then guide selected design. Use for architectural friction, shallow modules, weak seams, poor locality, or testability-driven refactoring.

c-kick Skill

SCSS and CSS architecture standards. Apply when working with CSS, SCSS, styling architecture, component styles, tokens, or compiled stylesheet organization.

makidevelop Bundle

Generate self-contained HTML architecture diagrams (inline SVG, dark theme, no JS) for blogs/READMEs. Triggers on system architecture, microservices, cloud/AWS/GCP, K8s, network topology, data flow diagrams. Use `drawio` instead when the output needs to be editable.

sahilkhan30 Skill

Use when building React 18+ (Vite, TypeScript) components, hooks, error boundaries, and layout elements.

sahilkhan30 Skill

Use when building Redux Toolkit & RTK Query API slices, tag invalidation, caching, and server state management.

sahilkhan30 Skill

Use when optimizing frontend rendering performance, server pagination, virtualized lists (react-window), code splitting (React.lazy), and error boundaries.

sahilkhan30 Skill

Use when writing or refactoring Java, Spring Boot, React, or TypeScript code to ensure clean code, SOLID principles, immutability, and robust exception handling.

spardutti Bundle

MUST USE when writing or editing React components, hooks, state management, effects, performance, loading/empty states, Zustand stores, or styling. Covers React 19.2 (use, Actions, useActionState, useOptimistic, useFormStatus, ref as prop, Context provider, Activity), the Rules of Hooks, React Compiler v1.0 memoization, component splitting and custom hooks, composition over boolean props, useEffect avoidance, re-render performance, list keys, loading skeletons and empty states, Zustand client-state stores, and Tailwind v4 design tokens.

caomeiyouren Skill

设计或实现 Vue 3、Nuxt 组件、页面、样式、交互、表单、状态绑定与 i18n 文本时使用。负责前端界面与交互的完整实现流程（目标确认、结构设计、实现约束、视觉验证），并遵循项目标准（PrimeVue、SCSS BEM、@mdi/font、Zod）。用户提到 component、page、UI、frontend、form、responsive、SCSS、BEM、i18n、设计落地时都应触发。

dezvin Bundle

Safely operate websites hosted on Beget/Бегет. Use for deploy/задеплоить, publish/опубликовать, live updates, backups/бэкапы, restores/откаты, migrations, incidents, domain/folder/PHP switches, or post-deploy checks for static HTML, CMS, PHP/database, and unknown stacks. Also use when project docs identify Beget even if the user says only live or production. Discover the real sources, target, state units, backup, rollback, and sufficient write authorization before changing production. Do not use for non-Beget hosting or local-only work.

fulcradynamics Bundle

Allows the user to record custom data annotations and agent visibility metrics, and generates simple HTML dashboards for visualization.