emilkowal-animations は何をしますか？
Emil Kowalski のウェブインターフェース向けアニメーションに関するベストプラクティス。React、CSS、Framer Motion でのアニメーションの作成、レビュー、実装時に使用します。トランジション、イージング、ジェスチャー、トースト、ドロワー、モーションに関連するタスクでトリガーされます。
Emil Kowalski のウェブインターフェース向けアニメーションに関するベストプラクティス。React、CSS、Framer Motion でのアニメーションの作成、レビュー、実装時に使用します。トランジション、イージング、ジェスチャー、トースト、ドロワー、モーションに関連するタスクでトリガーされます。
このスキルは、Emil Kowalski 氏が提唱する高品質なウェブアニメーションのベストプラクティスを提供します。主に React、CSS、Framer Motion を用いたモダンなフロントエンド開発において、アニメーションの実装、コードレビュー、パフォーマンス最適化を支援します。トランジションやイージングといった基本的な動きから、ジェスチャー操作、トースト通知、ドロワーメニューといった UI コンポーネントのアニメーションまで幅広くカバーします。このスキルを利用することで、開発者は直感的で滑らかなユーザー体験を実現するための実践的な知識を得られ、アニメーションに関する設計上の意思決定を迅速かつ確実に行えるようになります。さまざまな AI エージェントや開発ツールと連携し、コードベースの文脈に応じた適切なアニメーション手法を提案します。
npx skills add https://github.com/pproenca/dot-skills/tree/main/skills/emilkowal-animationsEmil Kowalski のウェブインターフェース向けアニメーションに関するベストプラクティス。React、CSS、Framer Motion でのアニメーションの作成、レビュー、実装時に使用します。トランジション、イージング、ジェスチャー、トースト、ドロワー、モーションに関連するタスクでトリガーされます。
This repo contains 7 individual skills — each has its own dedicated page.
Clean Architecture principles and best practices from Robert C. Martin's book. This skill should be used when designing software systems, reviewing code structure, or refactoring applications to achieve better separation of concerns. Triggers on tasks involving layers, boundaries, dependency direction, entities, use cases, or system architecture.
Code simplification skill for improving clarity, consistency, and maintainability while preserving exact behavior. Use when simplifying code, reducing complexity, cleaning up recent changes, applying refactoring patterns, or improving readability. Triggers on tasks involving code cleanup, simplification, refactoring, or readability improvements.
nuqs (type-safe URL query state) best practices for Next.js and other React frameworks. This skill should be used when writing, reviewing, or refactoring code that uses nuqs for URL state management. Triggers on tasks involving useQueryState, useQueryStates, search params, URL state, query parameters, nuqs parsers, limitUrlUpdates, Standard Schema, NuqsAdapter, or Next.js routing with state.
React Hook Form performance optimization for client-side form validation using useForm, useWatch, useController, useFieldArray, and the v7.55+ subscribe() API. This skill should be used when building client-side controlled forms with React Hook Form library. This skill does NOT cover React 19 Server Actions, useActionState, or server-side form handling (use react-19 skill for those).
TypeScript performance, tsconfig, type errors, async patterns — triggered when the user asks to "optimize TypeScript performance", "speed up tsc compilation", "configure tsconfig.json", "fix type errors", "improve async patterns", or encounters TS errors (TS2322, TS2339, "is not assignable to"). Also triggers on .ts, .tsx, .d.ts file work involving type definitions, module organization, or memory management. Does NOT cover TypeScript basics, framework-specific patterns, or testing.
Vitest testing framework patterns for test setup, async testing, mocking with vi.*, snapshots, and test performance (formerly test-vitest). This skill should be used when writing or debugging Vitest tests. This skill does NOT cover TDD methodology (use test-tdd skill), API mocking with MSW (use test-msw skill), or Jest-specific APIs.
Zod schema validation best practices for type safety, parsing, and error handling. This skill should be used when defining z.object schemas, using z.string validations, safeParse, or z.infer. This skill does NOT cover React Hook Form integration patterns (use react-hook-form skill) or OpenAPI client generation (use orval skill).
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.