Skills directory · page 81

Optional: run an OWASP security review with gstack /cso when the change touches auth or secrets.

Remove duplicated and unnecessary logic from the changed code with the code-simplifier skill. Run it last in the Verify stage.

Optional: audit requirement-to-test coverage after a phase ships, catching the requirements that no test covers.

Builds and reviews frontend interfaces, responsive layouts, accessibility, and interaction behavior. Activate when the user invokes Vex by name or assigns this persona; the specialty alone does not trigger it.

Audits and fixes SEO, SSR/prerendering, meta tags, Open Graph preview cards, sitemap.xml, robots.txt, PageSpeed/LCP performance, and curated GitHub/MCP/Cursor integrations for vibe-coded websites and SPAs. Use when fixing empty React/Vite root divs and search visibility.

Normalizes messy vibe-coded e-commerce HTML/CSS/JS storefronts into clean, light-themed, responsive Zero-CLS production sites with verified catalog imagery and passing DOM tests. Use when cleaning up multi-iteration storefront code and fixing layout shifts.

Create on-screen text hooks and captions for short-form video clips. Built around the Complementarity Principle - on-screen text should ADD to what the viewer hears, not repeat it. Includes podcast clip workflow, hook categories, and Triple Word Score optimization.

Use for video strategy, scripts, YouTube SEO, short-form pipelines (Reels, TikTok, Shorts) or turning long content into video, before scripting. Sets hooks, structure and repurposing per platform.

Downloads videos from YouTube and other platforms for offline viewing, editing, or archival. Handles various formats and quality options.

AI-assisted video editing workflows for cutting, structuring, and augmenting real footage. Covers the full pipeline from raw capture through FFmpeg, Remotion, ElevenLabs, fal.ai, and final polish in Descript or CapCut. Use when the user wants to edit video, cut footage, create vlogs, or build video content.

実写素材のカット、構築、強化のためのAI支援ビデオ編集ワークフロー。生の撮影素材からFFmpeg、Remotion、ElevenLabs、fal.aiを経て、DescriptまたはCapCutで最終仕上げを行う完全なパイプラインをカバーする。ユーザーがビデオの編集、素材のカット、vlogの作成、またはビデオコンテンツの構築を望む場合に使用する。

AI-assisted video editing workflows for cutting, structuring, and augmenting real footage. Covers the full pipeline from raw capture through FFmpeg, Remotion, ElevenLabs, fal.ai, and final polish in Descript or CapCut. Use when the user wants to edit video, cut footage, create vlogs, or build video content.

AI-assisted video editing workflow for cutting, structuring, and enhancing live-action footage. Covers the full pipeline from raw shooting through FFmpeg, Remotion, ElevenLabs, and fal.ai to final polishing in Descript or CapCut. Applies when users want to edit videos, cut footage, make vlogs, or build video content.

Composite a graphic onto video — text, a logo/image, a static transparent PNG, or an animated effect — and place it accurately, including locking it to a moving subject (a face, eye, hand, object). Use whenever the user wants to add/overlay/burn-in/stick something onto footage, place a watermark or label, or position a graphic precisely. Covers transparency (RGBA), animated overlays, timed windows, and coordinate-finding.

Create cinematic product videos from frontend projects or webpages with Remotion, real page captures, shot cards, the Ink Press template, beat sync and sound design. Use for full product promos, reproducing Ink Press, single shot-card effects, or finding, adding, replacing and aligning sound effects in an existing product video or shot, including candidate-only SFX searches. 用真实页面、镜头卡与 Ink Press 模板制作产品宣传片；用户要求用 video-shotcraft 做视频、复刻模板、制作单镜头，或给已完成的产品片/镜头找音效候选、加音效、换音效、对齐声音时使用。

Join two clips with a visible transition effect (wipe, slide, dissolve, pixelize, circle open/close, fade-to-black, etc.) using ffmpeg xfade. Use whenever the user wants a transition between shots/scenes, a scene change with an effect, or anything beyond a hard cut. For a barely-visible seam between adjacent cuts use the splice command instead; for generative effects on the footage itself use grok-video-edit.

视频与音频的查看、理解与行动。查看：从本地文件、URL、RTSP/直播源或实时录制桌面获取内容；返回实时上下文和可播放流链接。理解：提取帧，构建视觉/语义/时间索引，并通过时间戳和自动剪辑搜索片段。行动：转码和标准化（编解码器、帧率、分辨率、宽高比），执行时间线编辑（字幕、文本/图像叠加、品牌化、音频叠加、配音、翻译），生成媒体资源（图像、音频、视频），并为直播流或桌面捕获的事件创建实时警报。

ビデオとオーディオの表示、理解、アクション。表示：ローカルファイル、URL、RTSP/ライブストリーム、またはリアルタイムのデスクトップ録画からコンテンツを取得し、リアルタイムコンテキストと再生可能なストリームリンクを返す。理解：フレームを抽出し、ビジュアル/セマンティック/時間的インデックスを構築し、タイムスタンプと自動クリップでモーメントを検索する。アクション：トランスコードと正規化（コーデック、フレームレート、解像度、アスペクト比）、タイムライン編集（字幕、テキスト/画像オーバーレイ、ブランディング、オーディオオーバーレイ、吹き替え、翻訳）、メディアアセットの生成（画像、オーディオ、ビデオ）、ライブストリームまたはデスクトップキャプチャされたイベントのリアルタイムアラートを実行する。

Ingest, index, search, edit, and monitor video and audio with the VideoDB Python SDK — upload from files, URLs, or RTSP feeds, build spoken and scene indexes with timestamped search and playable clips, transcode and reframe, do timeline edits (subtitles, overlays, dubbing), and run real-time alerts on live streams or desktop capture. Use when working with video search, transcription, clipping, transcoding, streaming, or live video alerts.

Viết và sửa văn tiếng Việt cho thuận mồm, dễ hiểu, không có mùi văn máy hay giọng văn mẫu. Dùng mỗi khi viết hay sửa văn bản tiếng Việt dài hơn vài câu, kể cả khi người dùng không nhắc tới giọng văn, ví dụ bài giảng, tài liệu, README, báo cáo, báo cáo lỗi, văn bản hành chính theo Nghị định 30/2020, hồ sơ dự thầu (thuyết minh đề xuất kỹ thuật E-HSDT), email, lời giải thích trong chat, chữ trên sơ đồ, tệp Word. Dùng ngay khi người dùng chê văn "đọc là biết AI viết", "máy móc", "rời rạc", "văn mẫu", hoặc nhờ humanize, viết theo giọng một người. Kèm script cài skill, bộ nhớ dùng chung cho Claude Code và Codex, học từ phiên cũ, giữ mật khẩu cho agent.

Vinted API: search second-hand listings on any of 27 Vinted country sites (France, UK, US, Germany, Poland, Spain, Italy, the Netherlands, Australia and more) by keyword, category, brand, condition, size, color, material and price range, 96 items per page with price, the Vinted fee and the total, read one listing in full with its category path, photos and sold or reserved state, pull a seller's public profile, listed items and reviews, and look up brand ids, filter options with live counts, the localized category tree and search autocomplete. 9 endpoints, 1 credit each. The official Vinted API serves only allowlisted Vinted Pro businesses and has no marketplace search.

Baixa os tabloides do Supermercados Violeta da praça São Paulo (SP), lendo a galeria de cada post do tabloide. Use quando o usuário mencionar "baixar encartes Violeta", "encartes Violeta" ou colar a URL supermercadovioleta.com.br/tabloide/.

Expert in building shareable generator tools that go viral - name generators, quiz makers, avatar creators, personality tests, and calculator tools. Covers the psychology of sharing, viral mechanics, and building tools people can't resist sharing with friends. Use when: generator tool, quiz maker, name generator, avatar creator, viral tool.

Translate visa document images (bank deposit, employment, income, and retirement certificates; HEIC, PNG, or JPG) into English via OCR and produce a bilingual PDF pairing the original image with a formatted certified-style translation. Use when a visa application needs a document translated to English, an official certificate OCR'd and translated, or a bilingual translation PDF for immigration paperwork.

Use when building Vision Pro apps — spatial computing, RealityKit 3D content, immersive spaces, or volumes.

Make website imagery look art-directed instead of basic — choose one visual style, source or generate images (photos, AI images, 3D renders, illustrations), unify them with consistent crops and color treatment, and present them with masks, layering, image effects and textured backgrounds; export optimized responsive images. Use whenever the user's site has images, photos, illustrations, icons, backgrounds, hero visuals or galleries, says images look plain/stock/"gambarnya biasa", needs images for a section, or wants AI image prompts.

The BEAUTIFUL family of the visual-reasoning stack: data visuals that maximize communication plus beauty, the sibling pole to the CLEAR family's communication plus clarity. Use when the user asks for something beautiful, striking, data art, a poster, a wall or lobby display, an exhibition piece, a screensaver, a hero image, a glowing network, a LiDAR city, a wind or flow animation, or "make it gorgeous"; and when the user wants options, to make both poles plus a combined candidate and rate them (the default when a request names neither pole). Keeps the truth floor (real data, disclosed mapping) while relaxing style rules.

Arrange encoded marks into a legible artifact with an intentional visual hierarchy, clean layout, and complete annotation (titles, labels, captions, legends, sourcing, alt text). Use after visual-encoding to compose the final figure/slide/panel layout. For v0.1 this skill also owns annotation.

Orchestrator and judge for the visual-reasoning stack. Use to run an end-to-end visualization task (routing through intent → encoding → composition → scientific-visualization → render-qa) OR to critique/grade an existing visual against the failure taxonomy and rubric. Invokes the other skills; it does not duplicate their rules.

Turn an intent record into concrete visual encodings: which data field maps to which channel (position, length, angle, area, color), the exact chart mechanics, and the color strategy. Use after visual-intent and before visual-composition, whenever channel or chart-type choices must be made honestly and legibly.

The front door of the visual-reasoning stack. Use FIRST, before any chart is drawn, whenever the task is to communicate data visually (a chart, figure, slide graphic, map, diagram, or infographic). Establishes communication intent, audience, the abstract data + task, and selects a chart family from the analytic relationship — so downstream encoding/composition choices are derivable, not guessed. By default hands off to both the CLEAR and the BEAUTIFUL family (visual-beautiful).

Divergent orchestrator: given one problem, produce a small portfolio of genuinely-different visualizations — each answering a DIFFERENT analytical question about the same data, each individually valid, each shipped with a trade-off card. Use when the ask is "show me the alternatives / what are the ways to look at this / a few views of X", or whenever a single figure would hide legitimate competing readings. Runs generate → validate → select → characterize. It sits ON TOP OF visual-critic (which validates and scores each member); it does not replace or duplicate the single-figure machinery.

Front door for slide decks and animated HTML pages made to present or communicate: slides in PowerPoint, Keynote, Google Slides, markdown outlines or HTML, builds and transitions, Morph or Magic Move, animated charts for a talk, scrollytelling and stepped explainer pages. Use whenever the user says "make slides", "draft the deck in markdown", "fix my titles", calls a deck cryptic or too mathy, asks whether a transition or build should be animated, wants a chart animated for a talk, or is building a scroll-driven story page. Decides first whether motion earns its place (default: static), then applies the claim-title slide rules and the motion.* principles.

Actually look at the website being built — screenshots at mobile and desktop, filmstrips of the intro animation and of scrolling — then critique it like an art director against a "basic vs premium" rubric and iterate until it no longer looks generic. Use after building or changing any page, section, hero, image treatment or animation; whenever the user says it looks basic, plain, boring, "kurang wow", "masih biasa", "kayak template", "belum keren", asks for feedback on the design, or before calling any visual work done.

Renderer-independent quality gate. Inspects the ACTUAL rendered artifact at final size in its real medium, applies the hard-constraint gates and accessibility checks, detects visual defects (collisions, clipping, contrast, color-only cues), and prescribes repairs. Use as the last step before any visual is shipped, regardless of what tool produced it.

Vite build tool patterns including config, plugins, HMR, env variables, proxy setup, SSR, library mode, dependency pre-bundling, and build optimization. Activate when working with vite.config.ts, Vite plugins, or Vite-based projects.

Vite build tool patterns including config, plugins, HMR, env variables, proxy setup, SSR, library mode, dependency pre-bundling, and build optimization. Activate when working with vite.config.ts, Vite plugins, or Vite-based projects.

Use for Vitest in TypeScript projects (Node, bun, React/Next.js, Effect): write, run, or debug unit/component tests, mocks, testing utilities, and coverage.

Voice agents represent the frontier of AI interaction - humans speaking naturally with AI systems. The challenge isn't just speech recognition and synthesis, it's achieving natural conversation flow with sub-800ms latency while handling interruptions, background noise, and emotional nuance. This skill covers two architectures: speech-to-speech (OpenAI Realtime API, lowest latency, most natural) and pipeline (STT→LLM→TTS, more control, easier to debug). Key insight: latency is the constraint. Hu

Expert in building voice AI applications - from real-time voice agents to voice-enabled apps. Covers OpenAI Realtime API, Vapi for voice agents, Deepgram for transcription, ElevenLabs for synthesis, LiveKit for real-time infrastructure, and WebRTC fundamentals. Knows how to build low-latency, production-ready voice experiences. Use when: voice ai, voice agent, speech to text, text to speech, realtime voice.

Write in the Pirate Wires style - authentic, conversational, contrarian. This voice is direct and confident with irreverent humor, takes obvious-but-unsaid positions, and sounds like a smart friend explaining something they've figured out. Use with anti-ai-writing for tech commentary, cultural criticism, or any content requiring a strong point of view.

Use when delivery is slowing, eng hiring is broken, team structure is unclear or you need to decide when to add an eng manager. Runs delivery_throughput_analyzer.py (DORA), eng_hiring_funnel_calculator.py and eng_team_structure_designer.py.

Challenge a plan on delivery speed, eng hiring, team structure or on-call. Use when asked or /c-level-agents:vpe-review.

VR/AR development principles. Comfort, interaction, performance requirements.

Build reactive user interfaces with Vue 3: Composition API, reactivity, components, state, and tooling. Use for any Vue-based UI work.

Vue.js 3 Composition API patterns, component architecture, reactivity best practices, Pinia state management, Vue Router navigation, and Nuxt SSR patterns. Activates for Vue, Nuxt, Vite, or Pinia projects. Use when building or reviewing Vue 3, Nuxt, or Pinia code — Composition API, reactivity, or router navigation.

Advanced vulnerability analysis principles. OWASP 2025, Supply Chain Security, attack surface mapping, risk prioritization.

Sweep all recent Claude Code sessions for ones waiting on the user. Use when the user says "sweep my sessions", "what is waiting on me", "which sessions need me", "scan my sessions", or asks to collect open questions across sessions and answer them. Finds sessions that ended on a question, a decision, an approval or a stuck permission prompt, asks the user, drafts each reply for confirmation, then sends it to that session (desktop app) or hands back a resume command (CLI).

Walgreens product data API: search walgreens.com retail products with regular and sale price, unit price, coupons, rewards and rebates, read one product with UPC, ingredients and offers, find Walgreens and Duane Reade stores near a ZIP, and get live unit counts of one product at up to 20 stores in one call. 4 endpoints; search, product and stores 2 credits, stock 4.

Show work as an interactive picture (flow, cloud or Kubernetes map, sequence, state, timeline…) that the user clicks to ask, correct or confirm. Three modes - plan a feature as small steps and build it step by step, explain how existing code works ("explain the login flow in project A"), or compare designs for something new and pick one. Use when the user wants a visual plan, explanation or comparison, wants to follow along before you build, mentions walkboard, or runs /walkboard.