creative-tech-stack

Centralize documentation for GSAP, React Three Fiber, and shader workflows.

1|Updated Feb 2, 2026
One-click install
npx skills add https://github.com/Aurora-AI/Certum- --skill creative-tech-stack
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: creative-tech-stack
Source: https://github.com/Aurora-AI/Certum-/tree/main/.agent/skills/creative-tech-stack
Command: npx skills add https://github.com/Aurora-AI/Certum- --skill creative-tech-stack

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill centralizes access to documentation and practical patterns for Creative Coding libraries (GSAP, ThreeJS, Shaders), reducing time spent searching scattered resources and enabling faster project kickoff.

Core Features & Use Cases

  • Documentation Library: Curated references for GSAP timelines, ScrollTrigger, Drei, and shader programming.
  • Patterns & Best Practices: Reusable patterns for animation, 3D rendering, and shader workflows to accelerate UI and visual effects.
  • Use Case: Build a performant interactive scene by consulting the ready-made patterns and docs, then implement an animated UI with GSAP and React Three Fiber.

Quick Start

Use the creative-tech-stack skill to fetch the most relevant docs for a new Three.js project and pull GSAP animation patterns.

Frequently Asked Questions about creative-tech-stack

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I find documentation and patterns for GSAP animation and Three.js projects?

Access centralized documentation and patterns for GSAP animation and Three.js projects to reduce time spent searching scattered resources. This curated library provides ready-made references for timelines, ScrollTrigger, Drei, and shader programming to accelerate development.

What is the best way to start building a performant interactive 3D web scene with React Three Fiber?

The best way to build a performant interactive 3D scene with React Three Fiber is by consulting curated official docs and reusable patterns. You can pull ready-made shader workflows and 3D rendering patterns to enable rapid project kickoff and consistent implementation.

Can I use creative coding patterns for shader-driven UI and web animations?

Yes, you can use creative coding patterns for shader-driven UI and web animations. The curated documentation covers shader workflows and GSAP timelines, enabling you to apply reusable patterns to accelerate visual effects and interactive UI implementation.

Does this documentation library include references for Poimandres and Drei?

Yes, the documentation library includes curated references for Poimandres and Drei. It centralizes access to official docs for these Three.js ecosystem libraries alongside GSAP and shader workflows, ensuring consistent implementation for your 3D visuals.

Why should I use a centralized documentation hub for creative coding instead of official library sites?

A centralized documentation hub for creative coding eliminates the friction of switching between scattered resources for GSAP, Three.js, and shaders. It curates practical patterns and best practices alongside official docs, enabling faster project kickoff and consistent implementation.

How do I implement ScrollTrigger animations using GSAP documentation and best practices?

Implement ScrollTrigger animations by referencing curated GSAP documentation and reusable patterns. The library provides specific best practices for timelines and scroll-driven UI effects, allowing you to rapidly apply consistent animation workflows to your web projects.