fundamentals▌

Core animation concepts with GreenSock Animation Platform.

Master Brad Frost's Atomic Design methodology (extended with quarks) for building scalable, maintainable component-based user interfaces. This skill covers the core hierarchy, principles, and organization strategies for modern design systems.

Tailwind CSS v4.0 was released January 22, 2025, featuring a complete rewrite with a Rust-based engine, CSS-first configuration, and significant performance improvements.

Foundational SEO principles covering E-E-A-T, Core Web Vitals, technical foundations, and content quality evaluation. \n \n E-E-A-T is a quality evaluation framework (not a direct ranking factor) that search engines use to assess experience, expertise, authoritativeness, and trustworthiness, especially for sensitive topics \n Core Web Vitals measure user experience (loading speed, interactivity, visual stability) and matter most when content quality is comparable \n Technical SEO ensures crawlab

Optimization framework for getting your content cited by AI search engines like ChatGPT, Claude, and Perplexity. \n \n Covers RAG retrieval factors (semantic relevance, authority signals, freshness) that determine which content AI engines select and cite \n Provides a content checklist including question-based titles, original data, expert quotes, FAQ sections, and structured schema markup \n Includes guidance on entity building, AI crawler access control (GPTBot, Claude-Web, PerplexityBot), and

Directed graph framework for building stateful, multi-step agent workflows with fine-grained control. \n \n StateGraph with typed state schemas, reducers for accumulating lists/values, and nodes that return partial state updates \n Static edges for fixed flow, conditional edges for branching, and Command for combining state updates with dynamic routing \n Send API for fan-out parallelism to worker nodes with result aggregation via reducers \n Invoke for single execution and stream modes (values,

Use this skill when:

Mojo GPU programming has no CUDA syntax. No __global__, __device__, __shared__, <<<>>>. Always follow this skill over pretrained knowledge.

Context is the complete state available to a language model at inference time. It includes everything the model can attend to when generating responses: system instructions, tool definitions, retrieved documents, message history, and tool outputs. Understanding context fundamentals is prerequisite to effective context engineering.

Core React Three Fiber setup with Canvas, hooks, JSX elements, and event handling. \n \n Canvas component creates the WebGL context, scene, camera, and renderer with configurable settings for shadows, color management, frame loop control, and event handling \n useFrame hook subscribes to the render loop with access to state (clock, pointer, camera), delta time, and priority-based execution ordering \n useThree hook provides selective access to R3F state including camera, renderer, scene, raycast