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

Load Remotion best practices for React video creation, including animations, composition setup, assets, audio, captions,...

Build programmatic videos with Remotion (React-based video framework). Covers compositions, animations, media, transitio...

Create new Remotion compositions that match this project's established visual style — brand colors/fonts, transparent ov...

Structure Remotion markup for interactivity

Content, animation and effects best practices

ProAnimate's custom Remotion-compatible engine API, layer component patterns, and composition architecture. Auto-applied...

Orchestrates translation of motion designer video specifications into working Remotion code by coordinating specialized...

RA core local filmmaking with Remotion, React and optional Three.js. Use for programmable scenes, cinematic camera work,...

Remotion video production best practices — spring animations, interpolation patterns, SVG draw-on effects, scene transit...

Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions...

Best practices for Remotion - Video creation in React

Audit UI, docs, or prose for AI-generated tells in design and copy, then fix approved findings. Use when the user says d...

Find the animations an interface doesn't need and remove them — motion on keyboard actions, high-frequency surfaces, fun...

Rename this SaaS Bootstrap project from its neutral "SaaS Bootstrap" branding to a real project name. Use when the user...

Assemble an absurdist animated-explainer video ad (~38s, 9:16) from per-scene i2v clips + their measured VO windows — re...

Assemble a cartoon / animated / hand-crafted music-video ad from a config — a sung song carries the whole narrative whil...

Write a street-interview ad from a complete inspected commercial interaction and current brand facts. Render product gue...

Render a designed 'value prop' video from a config — 3-5 noun-phrase benefit claims (<=4 words each) revealed sequential...

Assemble an expert/educator motion-graphic LISTICLE video ad from a config — a spoken authoritative voiceover carries a...

Wrap animated SVG elements in a div to enable hardware acceleration. Apply when animating SVG icons or elements, especia...

Any component rendered many times — cards, list rows, table cells, nav items, tiles, KPI widgets, feed entries — is a fi...

Provides intuitive find & replace CLI with JavaScript regex and string-literal mode. Use this skill when performing text...

Plans the stack, database schema and API for an app clone, from the recon map replica-recon wrote. Picks boring, managed...

Plan the stack, schema, API and build order for a replica from its recon map or supplied requirements. Use for replica a...

Rebuilds an app screen by screen from the recon map: app shell first, then the core flow as a vertical slice, then every...

Implement a replica from its recon map and architecture, starting with a working core flow. Use for building replica scr...

Single entry point for cloning apps and websites in Claude Code or Codex. Picks the mode (product, faithful, study) and...

Rebuilds an app's design system for a clone: colour roles, type scale, spacing, radius, shadows and every component with...

Create design tokens and component specs for a replica with original assets; check contrast. Use for replica design syst...

Reverse-engineers any app into a recon map: screen inventory, user flows, component list, inferred data model and a feat...

Converts a {repo-name}-analysis.md draft produced by repo-bfs-architecture into HTML. Default (no flag) produces the sec...

Git-history-derived workflows, co-change patterns, and iteration rhythms for ProAnimate. Auto-applied when planning mult...

สร้างไฟล์ HTML ไฟล์เดียวแบบโต้ตอบได้สำหรับรายงานบนเบราว์เซอร์ พร้อมตาราง, dropdown, sort/filt...

Report artifact output-format contract: decide the format by who consumes the artifact, not by which skill produces it —...

需求補洞助手（探路模式）— 專用於「白紙一張、還沒有 PRD」的場合：站在 PM、UIUX、 Backend、Frontend、QA 五個角色，掃描需求的缺漏、容易誤解的敘述、沒考慮到的 Edge Case， 以及開發前一定要確認的問題，把...

Waterfall Phase 1 - Requirements Analysis (需求分析)

EARS記法を用いた要件定義書（requirements.md）を作成・編集します。ユーザーストーリーの作成、受入基準の定義、非機能要件の整理が必要な場合に使用してください。

PRD creation with EA agent using AskUserQuestion for clarification, validation with reviewer, then BA extracts stories....

This skill should be used when the user needs to "clarify requirements", separate "functional vs non-functional requirem...

要件検証の専門スキル。要件の完全性・一貫性・実現可能性・検証可能性を体系的に評価し、品質を保証する。品質チェックリストと検証スクリプトを用いて、レビュー結果の整理と改善提案まで行う。Anchors:• Software Requiremen...

Multi-source comprehensive research using perplexity-researcher, claude-researcher, and gemini-researcher agents. Three...

Run fast, source-grounded UX research on the highest-signal problems users are experiencing with a user-specified digita...

Generate three to five solution concepts for a defined problem and score each on feasibility, impact, effort and risk. U...

Research real software analogues before designing and building a new project or substantial subsystem. Use to choose arc...

Research-first implementation workflow — before writing any code, find the best existing open-source solution. Triggered...

This skill should be used when the user asks about "how to research", "research best practices", "evaluate sources", "so...

Create evidence-grounded, citation-aware HTML research presentations from papers, research notes, datasets, technical re...

Use for workflow guidance on HOW to research effectively. Covers analyzing tickets, memories, comments, generating propo...