Навыки: Дизайн

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...

One sentence - what this skill does and when to invoke it

The most important actions and content in a UI should be visually prominent — through size, colour, weight, and position...

当浏览器自动化或网页抓取工具失效时，通过检索并分析历史执行中的截图或视觉缓存提取关键信息。

Capture and inspect concise before/after evidence for significant UI or design changes, store up to three WebP compariso...