figma-tokens
49Skill Claude CodeCodex
Export a video's color palette as Figma Variables-compatible tokens, CSS custom properties, and Tailwind config — all three formats from one screen recording.
Skill Claude CodeCodex
Export a video's color palette as Figma Variables-compatible tokens, CSS custom properties, and Tailwind config — all three formats from one screen recording.
Skill Claude CodeCodex
Generate CSS @keyframes or Framer Motion code from a video's animated scenes. Uses burst frames as keyframe states to replicate the exact motion shown.
Skill Claude CodeCodex
Generate a Product Requirements Document (PRD) from a screen recording or product demo — extracts UI structure, user flows, text content, and interaction patterns.
Skill Claude CodeCodex
Turn a screen recording into a Playwright or Cypress test file. Infers user actions from motion, OCR text changes, and scene diffs, then generates real test code.
Skill Claude CodeCodex
Generate a complete TypeScript Playwright test file from a screen recording. Converts scene transitions, OCR text changes, and motion events into typed test steps with assertions.
Skill Claude CodeCodex
Generate Storybook .stories.jsx files for every UI component detected in a screen recording. Uses keyframes and burst frames as visual evidence for Default, Loading, and Interactive story variants.
Skill Claude CodeCodex
Infer a step-by-step user journey from a screen recording — scene transitions, motion types, and OCR text changes reconstructed as a numbered flow with screenshots. Use for user story docs, QA test plans, or onboarding walkthroughs.
Skill Claude CodeCodex
Scan a directory for video files and analyze any that haven't been processed yet. Uses hash caching — skips unchanged files. Safe to run repeatedly on the same folder.
Skill Claude CodeCodex
Extract all text content from a video — visible text via OCR and spoken narration via transcript. Returns clean organized copy ready to use verbatim. Use for marketing videos, app demos, or tutorials.
At most 3 mods per repository are shown here — the rest are on their repository pages: