better-react-web-ui은(는) 무엇을 하나요?
aladicf/better-react-web-ui의 에이전트 스킬입니다.
aladicf/better-react-web-ui의 에이전트 스킬입니다.
이 스킬은 `aladicf/better-react-web-ui` 저장소에서 제공하는 에이전트 스킬로, React 기반 웹 UI 개발을 개선하기 위한 도구입니다. 주로 AI 코딩 에이전트(예: Claude Code, Cursor 등)와 함께 사용되며, React 컴포넌트 작성, 스타일링, 상태 관리, 라우팅 등 일반적인 UI 개발 작업에서 더 나은 결과물을 생성하도록 돕습니다. 이 스킬은 에이전트가 React 생태계의 모범 사례와 최신 패턴을 따르도록 안내하여, 더 일관되고 유지보수 가능한 코드를 작성할 수 있게 합니다. 저장소의 SKILL.md 문서에 정의된 지침을 기반으로 에이전트가 동작하므로, 사용자는 특별한 설정 없이 스킬을 로드하기만 하면 에이전트가 React UI 개발 작업을 더 효과적으로 수행할 수 있습니다.
npx skills add aladicf/better-react-web-uialadicf/better-react-web-ui의 에이전트 스킬입니다.
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.