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, R3F(Rect Three Fiber), Anime.js, GSAP, Lenis, Zustand를 함께 사용할 때 발생하는 패키지 간 통합 문제를 해결하기 위한 규칙과 레시피를 제공합니다. 개발자는 이 스킬을 통해 각 라이브러리의 시너지를 극대화하고, 충돌 없이 부드러운 애니메이션과 상태 관리를 구현할 수 있습니다. 주로 React 기반의 시각적 풍부한 웹 애플리케이션(인터랙티브 3D, 애니메이션, 스크롤 효과 등)에서 유용하며, Claude Code의 어시스턴트가 자동으로 추천하는 통합 패턴을 따릅니다.
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".