Reactフロントエンドの設計原則：垂直スライス、コンテナ/プレゼンテーショナル、任意のトランスポート（HTTP、React Query、WebSocketストア）に対応するアダプター。UIキットとデータ層は references/project.md に定義されています。コンポーネント、ページ、ビュー、フック、ストア、フォーム、ルート、フィーチャースライス、DTO、ViewModel、i18n文字列、テーマトークン、またはTailwind、MUI、shadcn、Zustand、React Query、react-hook-form、zod、react-router、socketコードを含むあらゆるReact/TSX作業の作成・修正に使用します。
このスキルは、Reactフロントエンドプロジェクト「WordRush」の開発における一貫した設計原則を提供します。垂直スライス構造、コンテナ/プレゼンテーショナルパターン、そしてHTTP、React Query、WebSocketなどあらゆるトランスポート層を抽象化するアダプター戦略を採用しています。これにより、UIとデータ層の責務が明確に分離され、保守性と拡張性が向上します。コンポーネント、ページ、フック、ストア、フォーム、ルーティング、i18n、テーマ設定など、あらゆるReact/TSXの作業に適用可能で、Tailwind、MUI、shadcn、Zustand、React Query、react-hook-form、zod、react-routerといった主要なライブラリをサポートします。プロジェクト固有のUIキットとデータ層は `references/project.md` に宣言されており、このドキュメントを参照することで開発者は迅速に作業を進められます。
npx skills add https://github.com/diegofisi/WordRush/tree/master/docs/research/skills/propuesta/skills/frontendReactフロントエンドの設計原則：垂直スライス、コンテナ/プレゼンテーショナル、任意のトランスポート（HTTP、React Query、WebSocketストア）に対応するアダプター。UIキットとデータ層は references/project.md に定義されています。コンポーネント、ページ、ビュー、フック、ストア、フォーム、ルート、フィーチャースライス、DTO、ViewModel、i18n文字列、テーマトークン、またはTailwind、MUI、shadcn、Zustand、React Query、react-hook-form、zod、react-router、socketコードを含むあらゆるReact/TSX作業の作成・修正に使用します。
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.