awwwards 是做什麼的?
頂級前端編排器——整合完整設計堆疊,打造Awwwards等級、令人驚豔的UI作品。當用戶要求頂級/高階/展示級/突出/英雄式/令人驚豔/作品集等級/值得獲獎的前端設計、需要令人驚豔的登陸頁面、需要成功的客戶展示、品牌網站、行銷主視覺、創意編碼作品、互動展示、Remotion影片合成,或任何以工藝而非單純功能為標準的單頁HTML/React成品時使用。此工具會從前端技術堆疊中進行編排組合。
頂級前端編排器——整合完整設計堆疊,打造Awwwards等級、令人驚豔的UI作品。
此技巧旨在成為一名「頂級前端編排器」,專為追求卓越、展現工藝與視覺衝擊力的前端專案而設計。它能根據用戶需求,自動組合完整的設計技術堆疊,產出達到Awwwards獲獎等級的使用者介面。適用場景包括:需要「驚豔」效果的登陸頁面、客戶展示Demo、品牌官網、行銷主視覺、創意編碼作品、互動展示、Remotion影片合成,或是任何以「設計工藝」為首要目標的單頁HTML或React專案。支援平台涵蓋Claude Code、Cursor及Codex等主流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.