visual-web-stack は何をしますか？
Claude Codeスキル — React 19 + R3F + Anime.js + GSAP + Lenis + Zustandのクロスパッケージ統合ルールとレシピ
Claude Codeスキル — React 19 + R3F + Anime.js + GSAP + Lenis + Zustandのクロスパッケージ統合ルールとレシピ
このスキルは、React 19、React Three Fiber (R3F)、Anime.js、GSAP、Lenis、ZustandといったモダンなビジュアルWebスタックのライブラリを統合的に利用するためのルールと実装レシピを提供します。Claude Code上で動作し、複数のパッケージを組み合わせたアニメーションや3Dレンダリング、状態管理を効率的に実装する際のベストプラクティスを定義します。スキルは、各ライブラリの相互依存関係を考慮したコード生成や、パフォーマンス最適化のための設定パターンを支援します。開発者は、このスキルを使用することで、クロスパッケージの統合における手順や注意点を明確に理解し、一貫性のある高品質なコードを迅速に生成できます。
npx skills add astroicers/visual-web-stackClaude Codeスキル — React 19 + R3F + Anime.js + GSAP + Lenis + Zustandのクロスパッケージ統合ルールとレシピ
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".