Web & Frontend

ngxtm-devkit Bundle

Best practices for React Hooks usage and custom hook creation.

ngxtm-devkit Bundle

Blazor component patterns for interactive web UIs.

ngxtm-devkit Bundle

The 4 layers of caching (Memoization, Data Cache, Full Route, Router Cache).

ngxtm-devkit Bundle

Security practices for React (XSS, Auth, Dependencies).

ngxtm-devkit Bundle

SSG, SSR, ISR, Streaming, and Partial Prerendering (PPR).

ngxtm-devkit Bundle

File-system routing, Layouts, and Route Groups.

composio-community Skill

Render videos, audio, and still images programmatically with React using terminal commands. Use when an agent needs to preview compositions, list available compositions, or render media artifacts from a Remotion project.

zhangs-11 Bundle

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

ngxtm-devkit Bundle

Scalable project structure using Feature-Sliced Design (FSD).

ngxtm-devkit Bundle

Image, Font, Script, and Metadata optimization strategies.

ngxtm-devkit Bundle

Fetch API, Caching, and Revalidation strategies.

ngxtm-devkit Bundle

Use when building cross-platform mobile applications with React Native or Expo. Invoke for navigation patterns, platform-specific code, native modules, FlatList optimization.

ngxtm-devkit Bundle

Secure token storage (HttpOnly Cookies) and Middleware patterns.

ngxtm-devkit Bundle

Mutations, Form handling, and RPC-style calls.

ngxtm-devkit Bundle

Standards for managing local, global, and server state.

ngxtm-devkit Bundle

Best practices for managing state (Server URL vs Client Hooks).

ngxtm-devkit Bundle

Modern React component architecture and composition patterns.

ngxtm-devkit Bundle

Best practices for multi-language handling, locale routing, and detection middleware.

boisenoise Bundle

Create, edit, analyze, or convert Excel spreadsheets (.xlsx, .xlsm, .xltx) where the workbook file is the primary deliverable. Use for formulas, formatting, financial models, multi-sheet workbooks, and tabular cleanup exported to Excel. Also applies to .csv/.tsv when the user wants spreadsheet output. Do NOT use for Word documents, HTML reports, standalone Python scripts, database pipelines, or Google Sheets API work.

monotykamary Bundle

Control a whole Mac from one persistent Python session with screenshots, PID-targeted input, an animated virtual pointer, targeted Apple Accessibility, Apple Events, Browser Harness CDP, and filesystem access. Use for native, Electron, browser, dialog, file, or cross-app tasks without moving the physical cursor or forcing apps into the foreground.

omacom Bundle

Manages shadcn-svelte components and projects — adding, updating, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn-svelte, the CLI, design-system presets, or any project with a components.json file. Also triggers for "shadcn-svelte init", "add component", or registry URLs.

vikynofebriputra-creator Bundle

HTML PPT

full-stack-skills Bundle

Best practices and domain knowledge for building videos programmatically with Remotion (videos in React/TypeScript, rendered to MP4). Use whenever writing or editing Remotion code — scaffolding a video project, animating with interpolate/spring over useCurrentFrame(), sequencing scenes and transitions, captions/subtitles, audio, GIFs/Lottie/3D, charts, visual effects, dynamic duration via calculateMetadata, or rendering. Consult before reaching for a Remotion API, since its components and props evolve (e.g. @remotion/media).

benoror Skill

Help the user understand the current topic visually with concise diagrams, code-shape sketches, and focused HTML artifacts.

imsus Bundle

Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.

alexxiang2008 Bundle

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

hoanghd218 Bundle

Build mobile apps with React Native, Flutter, Swift/SwiftUI, Kotlin/Jetpack Compose. Use for iOS/Android, mobile UX, performance optimization, offline-first, app store deployment.

hoanghd218 Bundle

Build React/TypeScript frontends with modern patterns. Use for components, Suspense, lazy loading, useSuspenseQuery, MUI v7 styling, TanStack Router, performance optimization.

thewatcher01 Skill

Prepares codebases for security review using Trail of Bits' checklist. Helps set review goals, runs static analysis tools, increases test coverage, removes dead code, ensures accessibility, and generates documentation (flowcharts, user stories, inline comments).

teachskillofskills-ai Skill

Render multi-slide carousels from HTML templates via Playwright — slide content injected, brand styling applied, assembled to platform-ready images or PDF. Triggers on "/render-carousels", "render the carousel", "carousel for P04", "build the slides", "multi-slide post", "carousel from this outline", or any calendar post whose content_type is carousel. Local rendering, no API cost.

teachskillofskills-ai Skill

Build the interactive HTML review gallery showing every generated post — image, copy, platform, status — for team or client review in a browser. Triggers on "/build-review-gallery", "review gallery", "show me the month", "build the gallery", "preview everything", "review page", or after a generation batch completes and someone needs to see it all in one place. Local file, no server, no API cost.

eugenezhangco-spec Skill

Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.

eugenezhangco-spec Skill

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

eugenezhangco-spec Skill

Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.

jasonma0012 Bundle

Use when debugging UE C++ crashes, runtime bugs, or unexpected behavior with Rider MCP available. Value over bash/grep: analyze_calls traces C++ call hierarchies (ReSharper backend); get_file_problems surfaces IDE-detected issues; get_symbol_info confirms API contracts; xdebug_set_breakpoint sets live breakpoints; ue_execute_python queries live PIE state. DO NOT TRIGGER for: pure build errors with no runtime component, net-new feature work, Blueprint-only work. When Rider MCP is unavailable, runs in reduced mode — Bash/Grep only, IDE diagnostics skipped.

samhvw8 Bundle

Visual design verification loop for matching a goal PNG to a live render. Use when the user shares a design mock / goal image and asks to match the UI to it, asks to "iterate on this design" or "match this 1:1", or calls out visual drift in a previous UI iteration. Provides histogram color sampling, shape inspection (radius/border/shadow/bg-mode/fill-vs-context), computed-style checking on the live render, snap, and side-by-side diff. After every UI change the assistant MUST snap the live render and Read the snap with the Read tool before reporting the change done — skipping that is the