Agent skills directory

Use when designing dashboards, reports, and narratives for GTM stakeholders.

Comprehensive guide for visualizing ENCODE data including deeptools heatmaps, IGV screenshots, UCSC track hubs, and publ...

Create a disclosure-safe interactive HTML visual explanation of a LeetCode-style problem, attempted solution, bug diverg...

Builds a self-contained HTML page (chart, table, diagram, dashboard) to show inline in a thread. Use before calling show...

Generate beautiful, on-brand HTML artifacts — reports, diagrams, diff reviews, slide decks, plans, recaps, dashboards. L...

End-user visualization — diagrams (Mermaid mindmaps/flowcharts/sequence/ER), LaTeX math in chat or UI cards, and Chart.j...

Create inline visuals for code and explanations, or author persistent OpenClaw dashboard widgets with show_widget.

Render an Open Knowledge Format (OKF) bundle as a single self-contained, interactive HTML graph (viz.html) — concepts as...

Create interactive local HTML visualizations, diagrams, charts, and small explanatory tools.

Render a polished visual inline in the chat as part of your answer — a diagram, a chart, an interactive explainer, or a...

Turn a supplied floor plan or dimensioned spatial brief into one readable plan or spatial visualization without changing...

GraphDB可視化エージェント - RyuGraphデータベースの内容をMermaid/DOT/HTML形式で可視化。/visualize-graph [出力パス] で呼び出し。

Load this skill when building an interactive node-and-edge graph UI with Cytoscape.js: a network, dependency map, knowle...

Create an interactive HTML viewer to visualize and verify parsed metadata against source documents.

Automatically find the latest portfolio CSVs, process them, and display visualizations in web browser. Use when you want...

Inspects and visualises a ROS-2-enabled CARLA server from Docker containers, with no local ROS 2 install — list/echo/rat...

Generate matplotlib code to visualize SE3 poses and coordinate frames in 3D. Use when the user needs to plot transformat...

I see what you describe. Let me show it to others.

제안서 도식화 전략 에이전트. 콘텐츠 분석 → 최적 도식 유형 선택 → Mermaid/차트/인포그래픽 코드 생성. 트리거: 도식화, 다이어그램, 차트, 그래프, 인포그래픽, 플로우차트, 타임라인, 매트릭스, 시각화,...

Builds dashboards, reports, and data-driven interfaces requiring charts, graphs, or visual analytics. Provides systemati...

Use this skill to drive the active investigation features of the `skydoves/compose-stability-analyzer` IntelliJ / Androi...

Create professional Mermaid diagrams with proper styling and visual hierarchy. Use when creating flowcharts, sequence di...

Produce a single self-contained interactive HTML document that visually explains how a *specific* system, mechanism, or...

Skeptical pushback on visual placement — both density and quality. Reads the annotated outline plus the visuals manifest...

Build data visualizations with visx (React + D3). Use for charts, graphs, and interactive data exploration.

Route broad or ambiguous VitaeContext work to the right module while keeping context scoped. Use when a request spans mu...

Build, normalize, and maintain the user's Career Context file so downstream platform outputs stay factual and consistent...

Optimize CV and resume content for recruiter readability and parser-safe ATS handling without making unsupported claims...

Optimize GitHub profile and repository discoverability, clarity, and trust signals using documented search, metadata, an...

Optimize LinkedIn profile structure and discoverability for headline, about, featured, experience, skills, and AI-readab...

Optimize personal website and web portfolio discoverability, crawlability, metadata, structured data, content usefulness...

Build, deepen, validate, index, and maintain a private hierarchical career knowledge graph from supplied career material...

Maintainer-only skill for refreshing VitaeContext wiki knowledge from official sources. Use only from a local repository...

Optimize X and Twitter profile positioning, pinned post strategy, posting structure, and discoverability using conservat...

Katara checks the vital signs so she knows the patient is really well, not just quiet. Use for create-verification-skill...

Generate vital signs using FHIR Vital Signs profile and lab panels (CBC, BMP, CMP, lipid, HbA1c, urinalysis, COVID) with...

Vite bundler - use when working on related tasks

Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite...

Vite configuration, plugins, optimization, HMR, and build customization.

Vite lightning-fast build tool with instant HMR, ESM-first architecture, and zero-config setup for modern web developmen...

Configures Vite build tool, HMR, and SWC transpilation for React development. Use when: modifying vite.config.ts, adding...

Vite frontend build tool and dev server. Fast HMR and optimized builds. USE WHEN: user mentions "Vite", "vite config",...

Vite next-generation frontend build tool with fast HMR and optimized builds. Use when configuring Vite, adding plugins,...

Vite 8 (Rolldown-powered) build tool — configuration, plugin API, SSR, and Rolldown migration. Use when working with Vit...

Vite 7.x build tool patterns. Use when configuring build setup, development server, environment variables, asset handlin...

Vite fast build tool with HMR. Use for modern frontend builds.

Build modern frontend applications with Vite. Covers project setup, plugins, configuration, environment variables, and b...

Vite build tool and dev server for fast modern web development. Configuration, plugins, optimization, HMR. Trigger: When...

Vite is a next-generation frontend build tool that provides a fast dev server with HMR and optimized production builds

Operate Vite projects: inspect versions and configuration, run bounded development and production builds, diagnose depen...

Builds web applications with Vite including dev server, production builds, plugins, and configuration. Use when scaffold...

Expert guidance for Vite development with modern build tooling, HMR, framework integrations, and performance optimizatio...

Vite build tool configuration, plugin development, HMR optimization, and library mode bundling.

Vite performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring Vite configu...

Vite — next-generation frontend build tool with instant HMR, native ESM dev server, and optimized production builds.

Assists with configuring and using Vite as a frontend build tool for modern web applications. Use when setting up dev se...

Configure and optimize Vite for development, production builds, and library bundling.

Zero-downtime migration playbook for React+Vite+Tailwind apps to Next.js 16 App Router with modern tooling (Radix UI, sh...

Advanced Vite 7+ patterns including Environment API, plugin development, SSR configuration, library mode, and build opti...

Use when generating a new Vite project from scratch, adding Vite to an existing app, or scaffolding a production-ready V...

Use when reviewing Vite configuration, validating a Vite project, checking for common mistakes, or auditing Vite code be...

Vite configuration patterns for React monorepo builds. Use when configuring builds, fixing bundling issues, or optimizin...

Vite configuration templates and validation logic for MFE Host, MFE Remote, and Standalone web apps. Includes 5 required...

Generates vite.config.ts for building and serving the Vue 3 application. Configures dev server, API proxy, build format,...

Generate Vite configuration files for fast frontend development with React, Vue, or vanilla JavaScript projects. Trigger...

Vite 6.x configuration for React SPAs. Use when setting up or configuring Vite projects.

Use when creating a new Vite project, understanding Vite internals, or reasoning about dev vs production behavior. Preve...

Use when configuring SSR environments, edge workers, custom environments, or migrating to the Vite 6+ environment model....

Vite 项目依赖版本检查工具。检查依赖是否过时、显示版本对比、标记更新类型、提供 Vite 生态兼容性建议。当用户需要检查 Vite 项目依赖版本、查找过时依赖、获取升级建议时使用此技能。

Vite SPA deployment to various platforms. Use when deploying React SPAs.

Use when encountering Vite build failures, chunk size warnings, or version-specific build errors. Prevents the common mi...

Use when encountering pre-bundling errors, dependency resolution failures, stale cache issues, or slow development serve...

Use when encountering dev server startup failures, HMR issues, proxy errors, CORS blocks, or module not found errors dur...

Scaffold a full-stack Cloudflare app from vite-flare-starter — React 19, Hono, D1+Drizzle, better-auth, Tailwind v4+shad...

Use when integrating Vite with a backend framework, rendering Vite assets from server-side templates, or setting up dev/...

Use when using Vite programmatically, building custom dev servers, running builds from scripts, or accessing Vite utilit...

Use when building a library, creating an npm package, configuring UMD/ESM/CJS output, or setting up package.json exports...

Use when upgrading Vite versions, encountering deprecated APIs, or resolving version-specific breaking changes. Prevents...

Use when configuring dependency pre-bundling, troubleshooting slow dev server starts, handling monorepo dependencies, or...

Use when creating a new Vite project, adding Vite to an existing project, or configuring TypeScript and framework plugin...

Use when implementing SSR, configuring SSR externals, building SSR applications, or debugging SSR errors. Prevents incor...

详细记录了大型 Vue 项目从 Webpack 迁移到 Vite 的完整步骤，包括别名配置、环境变量处理和 CommonJS 兼容性问题的解决。

Vite build tool patterns including config, plugins, HMR, env variables, proxy setup, SSR, library mode, dependency pre-b...

Use when configuring or optimizing Vite (laravel-vite-plugin) asset bundling in a Laravel app — entrypoints, the @vite B...

Set up pixel-perfect typography for Radix UI using vite-plugin-capsize-radix. Helps configure fonts, choose pairings, an...

vite+ unified TypeScript toolchain conventions: the vp CLI for package/node management, oxlint/oxfmt, type-aware linting...

Vite + React template with TypeScript. Clone, setup, build, and deploy to Vercel or Netlify.

Create or update vite.config.ts for a Vite React-TS project, following best practices (defineConfig, aliases, env usage,...

Explain and implement the production build + static deployment workflow for a Vite React-TS app (build output, base path...

Add environment variables in a Vite React-TS project correctly (VITE_ prefix, typing, .env files, safe usage in React co...

Scaffold a new Vite project using pnpm + React + TypeScript (react-ts), then apply recommended baseline setup (scripts,...

Add a best-practice quality baseline to a Vite React-TS project (TypeScript checking, ESLint, formatting, scripts). Keep...

Set up, audit, harden, upgrade or migrate Vite + React + TypeScript repos (pnpm default; npm/yarn/bun supported): ESLint...

Add a testing setup to a Vite React-TS project (Vitest + Testing Library) following best practices, with minimal configu...

Use when importing static assets, using glob imports, configuring the public directory, loading Web Workers, or handling...

Use when configuring production builds, optimizing output, setting build targets, or configuring chunk splitting. Preven...