mocchalera

Use when timeline.json exists and the user asks to export the rough cut or an editable handoff packet to Premiere Pro.

Finish an existing Japanese business talking-head, lecture, interview, or testimonial rough cut as a credibility-first vertical social video. Use when the user wants an SNS short that preserves the speaker's meaning while tightening repeated ideas, adding a…

Use when an edited Premiere Pro FCP7 XML should be compared against timeline.json or imported back into the project.

Design and verify audio finishing for Japanese or English short-form social video. Use for 短尺SNS, BGM/効果音, テンポ調整, 意味ベース配置, dialogue-first mixing, or existing rough cut audio finishing with pinned local assets and internal-review QA.

Use when the user asks to modify an existing rough cut — shorten, lengthen, remove a clip, reorder, change BGM, adjust pacing. Works by generating a review_patch and re-compiling.

Use when the user wants a final packaged video from an approved project and the project satisfies Gate 10 packaging prerequisites.

MUST USE when the user is setting up this project for the first time, when dependencies are missing, API keys are not configured, or when 'npm run demo' fails. Triggers on: 'セットアップ', '環境構築', 'setup', 'install', 'API key', 'ffmpeg not found', 'GEMINI_API_KEY',…

Use when selects_candidates.yaml exists and the user asks to design structure, build an edit blueprint, or create 04_plan/edit_blueprint.yaml.

Convert static web-design mockup images (AI-generated or hand-made comp/カンプ, single image or a multi-frame section set) into high-fidelity, responsive HTML/CSS. Three modes: pixel-clone, production, hybrid (default for AI comps — regenerate photo/background…

Build copy hierarchy so words drive layout and rhythm. Use when writing or restructuring headlines, subheads, and microcopy for web pages.

Design motion as comprehension order rather than decoration. Use when adding or revising web animation, interaction timing, section-to-section scroll cues, hero-to-next-section handoffs, reveal sequences, or reduced-motion/JavaScript-off behavior.

Web/UIの余白を計測し、macro/meso/microの階層、vertical rhythm、情報密度、レスポンシブ挙動として設計・実装・検証する。spacing、margin、padding、gap、section間隔、詰まり、間延び、密度、呼吸感、縦リズム、モバイル余白、Tailwindの余白調整、またはmockup-to-codeで計測済みカンプの余白を実装するときに使う。

Audit landing pages for functional production readiness after visual implementation. Use with mockup-to-code or any LP build when verifying links and CTAs, fragment navigation, forms, keyboard Tab/Enter behavior, visible focus, reduced-motion behavior,…

Preserve source-specific photographic storytelling when planning, generating, reviewing, or implementing images for websites and mockups. Use with mockup-to-code or image generation when source subject relationships, gaze, environment, copy space, focal…

Reconstruct source-specific raster texture such as grain, halftone, scanlines, RGB offset, chromatic aberration, edge erosion, distress, and banded glitch while keeping structural text and UI live. Use when a mockup-to-code manifest explicitly sets…

Audit and optimize adopted web image assets without changing art direction. Use after mockup-to-code or another visual implementation has selected final imagery, especially when pages risk multi-megabyte images, missing intrinsic dimensions, weak LCP…

Operate the xserver-files-mcp repository safely. Use when working on this repo's local stdio MCP server, CLI, XServer SFTP configuration, remote file reads/writes, .htaccess backups, or domain redirect workflows such as old-site.example.com to…

XServer Files MCP/CLI の初期セットアップを対話的に実行する。リポジトリのクローン後、設定ファイル作成・SSH 鍵生成・接続確認・MCP 登録までをガイドする。

Use the host-provided XServer MCP tools safely. Use for XServer server-panel operations such as server info, domain/subdomain, SSL, DNS, WordPress, mail, FTP, MySQL, PHP version, cron, SSH, or log checks on namespaces like mcp__xserver_sv12345 and…

Use for WEB/LP design mock image generation and art direction prompts: section-by-section website visuals, hero/CTA/features/pricing layouts, Japanese typography, main visual archetype selection, reference comp decomposition, and clean implementation asset…

Use this skill when auditing, developing, testing, fixing, or tracking a software project through Project Loop Harness with SQLite memory, evidence-backed status, and a generated HTML dashboard.

Use this skill when auditing, developing, testing, fixing, or tracking a software project through Project Loop Harness with SQLite memory, evidence-backed status, and a generated HTML dashboard.

Audit, implement, and verify AI-native website readiness across SEO, AIO/AI Search, LLMO, structured data, crawler governance, evidence and fact governance, Core Web Vitals, accessibility, and agent-ready action flows. Use when asked to inspect, fix, or…

MUST USE when the user provides a photo ZIP, photo folder, or still-image event material and asks for photo selection, album selection, highlights, digest photos, curation, or quality filtering. Use this instead of analyze-footage when the source is primarily…

Retrofit an existing website with a concept-driven cursor-lens liquid glass system — flat-slab refraction with prism rim dispersion, zone-driven content magnification, iOS-style dock fusion into controls, zone-driven optics tied to scroll narrative, liquid…

Initializes or audits Codex project configuration. Use manually to create or update AGENTS.md, goal.md, docs/project-memory, .Codex/skills, .Codex/agents, .Codex/hooks, .Codex/rules, and settings files after inspecting the repository. Manual use only via…

Use macOS Spotlight from the terminal with mdfind and mdls to quickly locate local files by filename, indexed text, metadata, kind, date, or scope before falling back to slower filesystem scans.