エリートフロントエンドオーケストレーター — Awwwardsレベルの、驚愕のUI作品を実現するためにデザインスタック全体を統合します。ユーザーがエリート/プレミアム/ショーケース/スタンドアウト/ヒーロー/息をのむような/ポートフォリオ級/受賞歴のあるフロントエンド、印象的なランディングページ、決めなければならないクライアントデモ、ブランドサイト、マーケティングヒーロー、クリエイティブコーディング作品、インタラクティブショーケース、Remotionビデオコンポジション、または機能性だけでなく職人技が求められる単一のHTML/Reactアーティファクトを要求された際に使用します。
このスキルは、Awwwardsレベルのフロントエンド制作に特化したエリートオーケストレーターです。単なる機能実装を超え、視覚的なインパクトと高度なデザイン品質が求められるプロジェクトにおいて、デザインスタック全体（HTML、CSS、JavaScript、React、アニメーション、パフォーマンス最適化など）を統合的に扱います。ユーザーが「エリート」「プレミアム」「ショーケース」「ポートフォリオ級」といった最高水準のUIを要求した際に自動的に起動し、一貫性のある高品質な成果物を生成します。ランディングページ、ブランドサイト、マーケティングヒーロー、インタラクティブショーケース、Remotionビデオコンポジションなど、職人技が重視されるあらゆるフロントエンドアーティファクトをサポートします。このスキルは主にClaude CodeやCursorなどのAIエージェントプラットフォーム上で動作し、提供されたプロンプトに基づいて、デザインとコードの両面で最高レベルの出力を実現します。
npx skills add https://github.com/movistrato/faro/tree/main/skills/awwwardsエリートフロントエンドオーケストレーター — Awwwardsレベルの、驚愕のUI作品を実現するためにデザインスタック全体を統合します。ユーザーがエリート/プレミアム/ショーケース/スタンドアウト/ヒーロー/息をのむような/ポートフォリオ級/受賞歴のあるフロントエンド、印象的なランディングページ、決めなければならないクライアントデモ、ブランドサイト、マーケティングヒーロー、クリエイティブコーディング作品、インタラクティブショーケース、Remotionビデオコンポジション、または機能性だけでなく職人技が求められる単一のHTML/Reactアーティファクトを要求された際に使用します。フロントエンド全体を構成します。
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.