typescript-react-patterns은(는) 무엇을 하나요?
AI 에이전트가 프로덕션 수준의 TypeScript, React 및 Next.js 코드를 작성할 수 있도록 구조화된 패턴을 제공합니다.
AI 에이전트가 프로덕션 수준의 TypeScript, React 및 Next.js 코드를 작성할 수 있도록 구조화된 패턴을 제공합니다.
이 스킬은 AI 에이전트가 TypeScript, React, Next.js 기반 프로젝트에서 프로덕션에 적합한 코드를 일관되게 작성할 수 있도록 설계된 구조화된 패턴 모음입니다. 주로 Claude Code, Cursor, Codex와 같은 AI 코딩 어시스턴트에서 사용되며, 에이전트가 코드베이스의 컨텍스트를 이해하고 모범 사례를 따르도록 안내합니다. 이 스킬을 통해 AI는 타입 안전성, 성능 최적화, 컴포넌트 설계 원칙, 상태 관리 패턴 등을 반영한 코드를 생성할 수 있어, 사람 개발자의 리뷰 부담을 줄이고 코드 품질을 향상시킵니다. SKILL.md 문서에 정의된 규칙과 예제를 기반으로 작동하여, 다양한 프레임워크와 라이브러리에서 일관된 아키텍처를 유지하도록 돕습니다.
npx skills add dabelmtz1323/typescript-react-patternsAI 에이전트가 프로덕션 수준의 TypeScript, React 및 Next.js 코드를 작성할 수 있도록 구조화된 패턴을 제공합니다.
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.