thierryc

Final acceptance review for LitSquare Stage animation projects and rendered artifacts. Use after implementation and every important render to verify still frames, dense frames, final video artifacts, responsive fit, text safety, fps, duration, accessibility, motion blur, and output correctness.

Render and natively encode LitSquare Stage projects through the mandatory macOS app. Use for app preflight, still capture, explicitly requested PNG sequences, final H.264 MP4/MOV encoding, motion blur render settings, render queue controls, diagnostics, inline render progress, artifact QA, and render troubleshooting.

Adapt a LitSquare Stage animation across multiple output formats and proportional HTML layouts. Use for responsive video packs, social aspect ratios, square, portrait, landscape, 4K, 8K, cinema, LED walls, safe areas, fluid typography, and multi-format frame checks.

Author or revise LitSquare Stage scenes and frame-derived motion after a project exists. Use for CSS variable animation, JavaScript DOM animation, SVG/path motion, Canvas 2D, WebGL, Three.js, WebGPU, Paper.js-style morphs, timing helpers, easing, loops, seeded randomness, and motion-blur-safe animation code.

Generate LitSquare Stage videos from structured data and batch variants. Use for API, CSV, JSON, weather, finance, sports, real-estate, event, retail, localized, or other data-driven video workflows.

Convert Figma frames, screenshots, design-system inputs, or exported design assets into local renderable LitSquare Stage HTML, CSS, SVG, and JavaScript. Use before motion authoring when the design source is Figma or a visual frame.

Initialize or repair a runnable LitSquare Stage animation project. Use for new LitSquare Stage videos, starters, templates, project setup, responsive HTML stage setup, runner wiring, Vite package setup, stage.config.json, attachBrowserHost, attachRenderHost, and motion-blur-safe defaults.

Router-only workflow for LitSquare Stage video work. Use when the user asks to create, initialize, animate, polish, adapt, render, review, convert Figma input, or batch-generate a LitSquare Stage video. Classifies the request and loads the smallest focused LitSquare Stage skill chain.

Use this skill when the task is to connect an MCP client to the local Glyphs MCP server, verify the endpoint, choose the right tool profile, or run a first health check with `get_server_info` and `list_open_fonts`.

Use this skill when the task is to inspect or edit outlines, components, anchors, or selected nodes in Glyphs while also using the bundled docs lookup tools to stay grounded.

Use this skill when the task is to create a first-pass italic or oblique set from roman glyphs, selected glyphs, or one current glyph by copying layers and applying a guarded slant.

Use this skill when the task is to inspect OpenType features, stylistic sets, style sets, character variants, or ssXX glyph groups in Glyphs.

Use this skill when the task is to review kerning collisions or near-misses, run the kerning bumper workflow, or apply approved kerning exception changes with a dry run first.

Use this skill when the task is to review spacing, inspect sidebearing or width suggestions, or apply approved spacing changes with a dry run first.

Apply, tune, validate, or port the Pretty Good Type Scale (PGTS) as a coding-agent workflow for design-system typography in web apps, token pipelines, Swift/iOS/macOS projects, and Android Compose projects. Use when a task mentions PGTS, type-scale tokens, generated typography exports, responsive typography, native typography ports, or code changes to a PGTS-based design system.

Apply Pretty Good Type Scale (PGTS) in iOS, iPadOS, and macOS Swift or SwiftUI projects using the generated PGTS.swift export. Use when a coding agent needs to map PGTS roles to Apple text styles, Dynamic Type, custom fonts, or native app typography.

Apply Pretty Good Type Scale (PGTS) in web projects using the generated CSS. Use when a coding agent needs to integrate PGTS in HTML, CSS, React, Next.js, design-token CSS, responsive typography, print CSS, or browser-based design systems.

Apply Pretty Good Type Scale (PGTS) in Android projects using the generated Jetpack Compose Material 3 typography export. Use when a coding agent needs to map PGTS roles to Compose TextStyle, Material Typography, sp units, Android font scaling, or native Android design-system typography.

Generate complete website favicon assets from a project Figma file based on the Litsquare Favicon community scaffold and install them into a web project.

Add or update project favicons using source frames exported from a project Figma file based on the Litsquare Favicon community scaffold.