12-studio/tackl

12-studio/tackl · AGENTS.md

12-studio/tackl · CLAUDE.md

12-studio/tackl · skills/animation/gsap/gsap-core/SKILL.md · Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults…

12-studio/tackl · skills/animation/gsap/gsap-performance/SKILL.md · Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when…

12-studio/tackl · skills/animation/gsap/gsap-plugins/SKILL.md · Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia…

12-studio/tackl · skills/animation/gsap/gsap-react/SKILL.md · Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React…

12-studio/tackl · skills/animation/gsap/gsap-scrolltrigger/SKILL.md · Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers. Use when building or…

12-studio/tackl · skills/animation/gsap/gsap-tackl/SKILL.md · Implements and orchestrates GSAP in Tackl — useAnimation, useGSAP, ScrollTrigger, Lenis sync, page transitions, and…

12-studio/tackl · skills/animation/gsap/gsap-timeline/SKILL.md · Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback. Use when sequencing…

12-studio/tackl · skills/animation/gsap/gsap-utils/SKILL.md · Official GSAP skill for gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe. Use…

12-studio/tackl · skills/animation/motion-framer/SKILL.md · Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components…

12-studio/tackl · skills/javascript-pro/SKILL.md · Writes, debugs, and refactors JavaScript code using modern ES2023+ features, async/await patterns, ESM module systems…

12-studio/tackl · skills/lenis-react/SKILL.md · Integrate Lenis smooth scroll into React and Next.js projects. Use when the user wants smooth scrolling, scroll-linked…

12-studio/tackl · skills/nextjs-developer/SKILL.md · Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to configure…

12-studio/tackl · skills/performance/debugging-wizard/SKILL.md · Parses error messages, traces execution flow through stack traces, correlates log entries to identify failure points…

12-studio/tackl · skills/performance/tackl-performance/SKILL.md · Optimizes Tackl apps for Web Vitals, reduced motion, and scroll performance. Use when the user mentions performance…

12-studio/tackl · skills/performance/web-vitals-monitor/SKILL.md · Monitor web vitals monitor operations. Auto-activating skill for Frontend Development.

12-studio/tackl · skills/productivity/grill-me/SKILL.md · A relentless interview to sharpen a plan or design.

12-studio/tackl · skills/productivity/grilling/SKILL.md · Grill the user relentlessly about a plan or design. Use when the user wants to stress-test a plan before building, or…

12-studio/tackl · skills/productivity/handoff/SKILL.md · Compact the current conversation into a handoff document for another agent to pick up.

12-studio/tackl · skills/react/code-splitting-helper/SKILL.md · Configure with code splitting helper operations. Auto-activating skill for Frontend Development. Triggers on code…

12-studio/tackl · skills/react/react-context-setup/SKILL.md · Configure react context setup operations. Auto-activating skill for Frontend Development. Triggers on react context…

12-studio/tackl · skills/react/react-expert/SKILL.md · Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app…

12-studio/tackl · skills/react/react-hook-creator/SKILL.md · Create react hook creator operations. Auto-activating skill for Frontend Development. Triggers on react hook creator…

12-studio/tackl · skills/styling/scss-modules/SKILL.md · Styles React components with SCSS CSS Modules and the Tackl design system. Use when the user mentions styling…

12-studio/tackl · skills/typescript-pro/SKILL.md · Implements advanced TypeScript type systems, creates custom type guards, utility types, and branded types, and…

12-studio/tackl · skills/webgl/react-three-fiber/SKILL.md · Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js. Use when building interactive…

12-studio/tackl · skills/webgl/threejs-webgl/SKILL.md · Comprehensive skill for Three.js 3D web development. Use this skill when building interactive 3D scenes, WebGL/WebGPU…

12-studio/tackl · skills/webgl/web3d-integration-patterns/SKILL.md · Meta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Spring for complex 3D web…

12-studio/tackl · skills/webgl/webgl-expert/SKILL.md · Expert guide for WebGL API development including 3D graphics, shaders (GLSL), rendering pipeline, textures, buffers…