visual-web-stack 是做什麼的?
Claude Code 技能 — React 19 + R3F + Anime.js + GSAP + Lenis + Zustand 跨套件整合規則與配方
Claude Code 技能 — React 19 + R3F + Anime.js + GSAP + Lenis + Zustand 跨套件整合規則與配方
此技能專為 Claude Code 設計,提供 React 19、React Three Fiber (R3F)、Anime.js、GSAP、Lenis 與 Zustand 的跨套件整合規則與實踐配方。它能幫助開發者在同一專案中無縫協調這些前端動畫與狀態管理工具,避免常見的依賴衝突與效能瓶頸。技能支援 Claude Code 平台,透過 SKILL.md 文件中定義的整合規範,自動化地引導 AI 代理生成符合最佳實務的程式碼結構。無論是建立複雜的 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".