Каталог навыков агентов

既存のAstroコンポーネントがWindows Forms風のデザインシステム（フォント、グラデーション、インタラクション状態など）に準拠しているかを検証し、レポートを生成します。

Jobs-to-be-Done framework for compelling value propositions. Creates customer-centric messaging with positioning stateme...

Use when writing ERB templates, partials, view helpers, or Turbo Stream responses - covers partial organization, optiona...

Web and App implementation guide for Vaporwave. Trigger when user wants neon colors, retro digital aesthetics, 90s OS el...

Vaporwave + glassomorphic UI designer for photo/memory apps. Masters SwiftUI Material effects, neon pastels, frosted gla...

Use when building multiple variants of a component and iterating to pick the best one.

Organize and maintain the user's Obsidian vault for Hermes Agent. Apply when user asks to reorganize, clean up, classify...

Vben Admin 5.0 前端框架开发技能。用于开发基于 Vue3、Vite、TypeScript 的中后台管理系统。

Vẽ frontend theo template từ ảnh chụp màn hình. Dùng khi: user cung cấp file ảnh (.png/.jpg) chụp giao diện từ MISA ASP...

Builds a React and SVG selection frame and bezier path editor, a thin accent box that draws itself open around any eleme...

Vector-clean art direction for Blender with flat fills, sharp silhouettes, and UI-like graphic clarity.

Use when a task concerns aircraft or vehicle conceptual design and sizing: guide the router to the vehicle-design pack:...

Guide users through Slovak VAT Act 2025 compliant vehicle registration with VIN validation

Scaffold editorial documentation sites with the Vellum design system — OKLCH palette, Bodoni Moda / Source Serif 4 / Inc...

Builds kinetic typography on Canvas 2D in which five verbs act out their meaning, MOVE walking its letters around a grid...

Expert guide for Vercel AI SDK (Core, UI, RSC), streaming structured data, multi-provider model switching, tool calling...

Vercel 设计指南 - 构建高质量 Web 应用的最佳实践，包含现代 UI/UX 原则、性能优化和无障碍标准。

Check web interfaces against Vercel's design guidelines. Use when asked to "review my UI", "check accessibility", "audit...

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, opt...

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component...

Guide for implementing smooth, native-feeling animations using React's View Transition API (`[ViewTransition]` component...

Set up a Vercel API token for publishing apps using browser automation

Validate outputs using rule-based checks (required strings, regex, length, ranges). Use when you need deterministic veri...

How to verify different types of artifacts are real implementations, not stubs or placeholders.

Browser-check what a change could have broken in timepicker-ui (library demo and docs-app, before/after). Use at the end...

Compares a build, screen by screen, against a design handoff (Figma frames or exported PNGs) and renders the owner's fra...

Checks that the components a design board names actually appear at that board's route in the running build. Walks React'...

Verify all stakeholder requirement reports exist and are valid before synthesis

Visually verify UI changes with Playwright screenshots before proceeding. Use when a change touches frontend/UI files an...

Compose pages and sites that read as their vertical: ecommerce-catalog storefronts that look like storefronts, hospitali...

Composite 3D renders with live action and create visual effects shots. Use for: green screen keying, 3D integration, col...

Extract visual effects entities from narrative text. Use when analyzing particle systems, shaders, lighting, color palet...

Implements visual effects including particle systems, camera effects, lighting, mesh effects, and UI animations. Use whe...

Implements visual effects using GPUParticles, trails, screen effects, and procedural VFX. Use when creating particle sys...

Expert real-time VFX artist specializing in particle systems, shader effects, and the invisible craft that makes games f...

Validate PRD quality and coherence before innovation phase using vibe-check MCP tool. Checks for requirement clarity, us...

Inject UX principle context into AI coding sessions before generating components and UI flows.

Judges whether a user's input suits the Vibe Creating style of video-prompt writing, and when it does, distills single-s...

Frontend design workflow that produces non-generic, editorial-quality UI. Immediately invokes the frontend-design skill...

Generates a DESIGN.md file for any website URL or fetches a pre-built one from the awesome-design-md collection (55+ sit...

Zero-dependency Nothing-inspired UI design system with monochrome styling, dot-matrix typography, and signal-red accents...

Master workflow controller for Lovable-style development. Creates working UI immediately from ANY prompt - no questions...

Extract design systems (colors, typography, spacing, shadows, radius, motion) from UI screenshots or design mockups, exp...

Mine Reddit for AI design tells and build unslop skills that detect/remove AI-generated design patterns in UI, text, and...

Convert Figma designs to production-ready React components with Tailwind CSS using VibeFigma

Generate React web apps with Fireproof database. Use when creating new web applications, adding components, or working w...

Use when the sandbox app fails to build, boot, render, authenticate, call AI routes, read offers, or deploy cleanly.

Use when building or improving customer-facing landing pages, websites, dashboards, forms, content sections, brand adapt...

Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.

Use when a brief has to become a film. Turns a one line ask into a Claude Design prompt written in the animations-v3 eng...

Use this skill whenever the user asks to create, improve, audit, or split prompts for AI video generators (Seedance, Kli...

Transform an approved video script into a Remotion build specification with scaffolded project directory, compositions,...

Builds HyperFrames compositions for any code-built video - the project scaffold (hyperframes.json, pinned CLI, a build.p...

Direct a complete, cinematic MP4 video for ANY topic, niche, or brand: promo and launch videos, product update clips, ev...

Génération de rushes vidéo IA pour {{COMPANY_NAME}}, texte vers vidéo ou image vers vidéo, via un MCP multi-modèles (See...

Design video concepts, scripts, shotlists, transitions, and editing notes for VEO, Gemini, and Nano Banana-based pipelin...

Refresh the AI-strategist video idea dashboard, ranked, sourced title ideas across all content categories plus AI-genera...

Local video analysis, nothing uploaded: scenes, keyframes, Korean OCR, on-device speech transcript, audio sync, and fram...

영상 요청의 진입점. Remotion 또는 HyperFrames 중 엔진 하나를 골라 스크립트→음성(TTS)→컴포지션→자막→렌더를 코드 기반으로 설계·구현·검증한다. 제품 소개 영상, 데모 비디오, SNS 숏폼, 데...

Create editable motion graphics with Claude Opus 5.5 or GPT-6 Astra using Remotion, Hyperframes, Canvas, Manim or Blende...

Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.

Build a video understanding pipeline with scene segmentation, multi-vector indexing, temporal grounding, and timestamped...

Create cinematic product videos from shot recipe cards, a validated template, and code/audio assets (Remotion + real pag...

用镜头配方卡 + 已验收模板 + 代码/音频资产制作电影感产品视频（Remotion + 真实页面截图 + 2.5D 运镜 + 节奏卡点 + 声音设计）。当用户要求"用 video-shotcraft 做视频/宣传片"、点名 Ink Pre...

Take a UI screen recording (mobile/desktop/web/marketing video) and do one of four things — your pick: (1) just extract...

Generate production-ready 2D TSX video files for VidTSX (Remotion-based) from a shot, scene, or video description. Use w...

Use when reviewing templates, rendered HTML, or shared components related to Set the responsive viewport meta tag. Valid...

1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.

Aged paper, sepia tones, classic serifs, letterpress texture, antique warmth.

End-to-end UI/UX: removes AI slop, redesigns screens around what they must achieve, and verifies on the real screen. Use...

Frontend decision system where every interface choice names the business variable it moves; the required deliverable is...

Single UI audit door: runs detectors as a hard gate, applies frontend/motion/refine judgment, ends with an adversarial i...

Visant motion and micro-interaction system: easing/duration tokens mirrored in CSS and framer-motion, plus motion-lint a...

Assembles a rough cut in Premiere Pro via premiere-pro-mcp from a JSON cut plan: frame-exact cuts, markers, punch-ins, c...

One shared anatomy for charts, gauges, sparklines, simulation sliders, metric tiles and control panels, so a screen look...

Creative direction for UI/UX, complete redesigns, new designs, and trend application. Used when design direction, Design...

Directing UI/UX creative work — redesigns, new designs, trend application, Design System construction, Muse/Palette/Flow...

Transform research papers into professional visual schemas. Analyzes paper logic, selects optimal layout patterns, and g...

This skill should be used when creating visual assets for educational content. It provides professional creative brief m...

시각 자료 관리 스킬. 제안서 스크립트에 이미지, 차트/그래프, 출처 인용을 추가하고 JSON으로 변환합니다. Gemini가 HTML 슬라이드에 시각 자료를 렌더링할 수 있도록 구조화된 데이터를 제공합니다. 트리거:...

Perform adversarial visual audit of Quarto or Beamer slides checking for overflow, font consistency, box fatigue, and la...

Comprehensive visual design audit using agent-browser. Takes screenshots of every page across desktop/mobile viewports a...

Extract brand visual system from a website or brand assets into a structured style guide

Extract visual branding (colors, typography, layout patterns) from a client's website and generate a style preset compat...

Use when creating branded presentations or carousels. Generates museum-quality visual output from canvas philosophy, enf...

Use for screenshot-driven frontend visual debugging and implementation tasks where a target page must match a reference...

视觉演示工坊——用HTML做高保真原型、幻灯片、动画、可视化与专家评审，需求模糊时给设计方向。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/...

This skill should be used when the user asks to "create mermaid diagram", "add visuals to slides", "suggest stock photos...

Use when choosing or reviewing how a screen, flow, or page looks — colour palette, typography, spacing, cards and surfac...

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when...

Choose and apply high-quality frontend visual direction for websites, apps, dashboards, redesigns, landing pages, portfo...

Procedures for creating visual designs and mockups.

Compare a baseline URL against a dev or Storybook URL by taking Playwright screenshots at multiple breakpoints, running...

Multi-dimensional visual scoring using pixel-diff and structural analysis for design-to-implementation comparison

Interpret and act on batched visual edit requests produced by the Design Tweak app. Use when the user references a visua...