최고 수준의 프론트엔드 오케스트레이터 — Awwwards급 UI 작업을 위해 전체 디자인 스택을 결합합니다. 사용자가 엘리트/프리미엄/쇼케이스/돋보이는/히어로/감탄사가 나오는/포트폴리오급/수상에 걸맞은 프론트엔드, 압도적인 랜딩 페이지, 성공해야 하는 클라이언트 데모, 브랜드 사이트, 마케팅 히어로, 크리에이티브 코딩 작품, 인터랙티브 쇼케이스, Remotion 비디오 구성, 또는 기능뿐만 아니라 장인정신이 중요한 단일 HTML/React 아티팩트를 요청할 때 사용하세요.
이 스킬은 Awwwards 수상에 걸맞은 뛰어난 UI/UX를 제작하기 위해 고안된 정교한 프론트엔드 오케스트레이터입니다. HTML, CSS, JavaScript, React, Three.js, WebGL, GSAP, Framer Motion, Tailwind CSS, Remotion 등 최신 웹 기술을 활용하여 시각적으로 압도적이고 인터랙티브한 사용자 경험을 제공합니다. 이 스킬은 단순한 기능 구현을 넘어 디자인적 장인정신과 창의성이 요구되는 프로젝트에 적합하며, 반응형 디자인, 성능 최적화, 애니메이션, 인터랙티브 요소를 통합하여 사용자의 기대를 뛰어넘는 결과물을 만듭니다. Claude Code, Cursor, Codex, Windsurf 등 다양한 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.