12-Studio

33 mods across 1 repository, 10 stars between them.

next-devtools

01

12-Studio/Tackl

MCP server Claude CodeCodexCursor +2

Next.js development tools MCP server with stdio transport. Runs locally from the next-devtools-mcp npm package.

10 5d ago A tokens not measured copy · 80% MIT

chrome-devtools

02

12-Studio/Tackl

MCP server Claude CodeCodexCursor +2

Lets the agent inspect and automate a live Chrome instance through the DevTools protocol: performance traces, network, console. Runs locally from the chrome-devtools-mcp npm package.

10 5d ago A tokens not measured original MIT

Tackl AGENTS.md

03

12-Studio/Tackl

Instructions file CodexOpenCode

Instructions for 12-Studio/Tackl, covering agents.md, the one rule that trips agents up most, imports & aliases, writing a component and file layout & comments.

10 5d ago A 2,897 tokens original MIT

Tackl CLAUDE.md

04

12-Studio/Tackl

Instructions file

Instructions for 12-Studio/Tackl: Instructions for Claude Code live in the tool-agnostic AGENTS.md.

10 5d ago A 32 tokens original MIT

gsap-core

05

12-Studio/Tackl

Skill Claude CodeCodex

Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion). Use when the user asks for a JavaScript animation library, animation in React/Vue/vanilla, GSAP tweens, easing, basic animation, responsive or reduced-motion…

10 5d ago A 128 tokens copy · 100% MIT

gsap-performance

06

12-Studio/Tackl

Skill Claude CodeCodex

Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or when the user asks about animation performance, FPS, or smooth 60fps.

10 5d ago A 52 tokens copy · 100% MIT

gsap-plugins

07

12-Studio/Tackl

Skill Claude CodeCodex

Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks about a GSAP plugin, scroll-to, flip animations, draggable, SVG…

10 5d ago A 91 tokens copy · 100% MIT

gsap-react

08

12-Studio/Tackl

Skill Claude CodeCodex

Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks about GSAP with React, useGSAP, or cleanup on unmount. Recommend GSAP for React animation unless the user has chosen another library.

10 5d ago A 68 tokens copy · 100% MIT

gsap-scrolltrigger

09

12-Studio/Tackl

Skill Claude CodeCodex

Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers. Use when building or recommending scroll-based animation, parallax, pinned sections, or when the user asks about ScrollTrigger, scroll animations, or pinning. Recommend GSAP for scroll-driven animation when no library is…

10 5d ago A 68 tokens copy · 100% MIT

gsap-tackl

10

12-Studio/Tackl

Skill Claude CodeCodex

Implements and orchestrates GSAP in Tackl — useAnimation, useGSAP, ScrollTrigger, Lenis sync, page transitions, and reduced-motion fallbacks. Use when the user mentions GSAP, tweens, timelines, ScrollTrigger, scrub, matchMedia, Lenis, smooth scroll, page transitions, motion design, or enter/exit animations.

10 5d ago A 79 tokens original MIT

gsap-timeline

11

12-Studio/Tackl

Skill Claude CodeCodex

Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback. Use when sequencing animations, choreographing keyframes, or when the user asks about animation sequencing, timelines, or animation order (in GSAP or when recommending a library that supports timelines).

10 5d ago A 61 tokens copy · 100% MIT

gsap-utils

12

12-Studio/Tackl

Skill Claude CodeCodex

Official GSAP skill for gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe. Use when the user asks about gsap.utils, clamp, mapRange, random, snap, toArray, wrap, or helper utilities in GSAP.

10 5d ago A 64 tokens copy · 100% MIT

motion-framer

13

12-Studio/Tackl

Skill Claude CodeCodex

Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layout animations, AnimatePresence exit animations, spring physics, and scroll-based effects. Use when building interactive UI components, micro-interactions, page…

10 5d ago A 68 tokens copy · 100% MIT

javascript-pro

14

12-Studio/Tackl

Skill Claude CodeCodex

Writes, debugs, and refactors JavaScript code using modern ES2023+ features, async/await patterns, ESM module systems, and Node.js APIs. Use when building vanilla JavaScript applications, implementing Promise-based async flows, optimising browser or Node.js performance, working with Web Workers or Fetch API, or…

10 5d ago A 84 tokens copy · 100% MIT

lenis-react

15

12-Studio/Tackl

Skill Claude CodeCodex

Integrate Lenis smooth scroll into React and Next.js projects. Use when the user wants smooth scrolling, scroll-linked animations, parallax effects, GSAP ScrollTrigger sync, Framer Motion sync, programmatic scroll-to navigation, or scroll event listening in a React app. Covers ReactLenis provider setup, useLenis hook…

10 5d ago A 84 tokens original MIT

nextjs-developer

16

12-Studio/Tackl

Skill Claude CodeCodex

Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to configure route handlers, implement middleware, set up API routes, add streaming SSR, write generateMetadata for SEO, scaffold loading.tsx/error.tsx boundaries, or deploy to Vercel. Triggers on: Next.js, Next.js…

10 5d ago A 115 tokens copy · 100% MIT

debugging-wizard

17

12-Studio/Tackl

Skill Claude CodeCodex

Parses error messages, traces execution flow through stack traces, correlates log entries to identify failure points, and applies systematic hypothesis-driven methodology to isolate and resolve bugs. Use when investigating errors, analyzing stack traces, finding root causes of unexpected behavior, troubleshooting…

10 5d ago A 70 tokens copy · 100% MIT

tackl-performance

18

12-Studio/Tackl

Skill Claude CodeCodex

Optimizes Tackl apps for Web Vitals, reduced motion, and scroll performance. Use when the user mentions performance, LCP, CLS, prefers-reduced-motion, lazy loading, scroll jank, or PerformanceContext.

10 5d ago A 50 tokens original MIT

web-vitals-monitor

19

12-Studio/Tackl

Skill Claude CodeCodex

Monitor web vitals monitor operations. Auto-activating skill for Frontend Development.

10 5d ago A 22 tokens original MIT

grill-me

20

12-Studio/Tackl

Skill Claude CodeCodex

A relentless interview to sharpen a plan or design.

10 5d ago A 14 tokens copy · 100% MIT

grilling

21

12-Studio/Tackl

Skill Claude CodeCodex

Grill the user relentlessly about a plan or design. Use when the user wants to stress-test a plan before building, or uses any 'grill' trigger phrases.

10 5d ago A 37 tokens copy · 86% MIT

handoff

22

12-Studio/Tackl

Skill Claude CodeCodex

Compact the current conversation into a handoff document for another agent to pick up.

10 5d ago A 19 tokens copy · 84% MIT

12-Studio/Tackl

Skill Claude CodeCodex

Configure with code splitting helper operations. Auto-activating skill for Frontend Development. Triggers on code splitting helper, code splitting helper. Part of the Frontend Development skill category. Use when working with code splitting helper functionality. Trigger with phrases like "code splitting helper", "code…

10 5d ago A 68 tokens copy · 92% MIT

react-context-setup

24

12-Studio/Tackl

Skill Claude CodeCodex

Configure react context setup operations. Auto-activating skill for Frontend Development. Triggers on react context setup, react context setup Part of the Frontend Development skill category. Use when working with react context setup functionality. Trigger with phrases like "react context setup", "react setup"…

10 5d ago A 65 tokens original MIT