Skills
.Work. You
Rest

cgs.figma.capture

Community

Sync app screens to Figma designs.

Design & Creative#design#e2e tests#figma#sync#playwright#screens#capture
AuthorCodeGeneration-2020
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the process of capturing your application's screen states and pushing them directly into your Figma designs as frames, ensuring your design files accurately reflect the current UI.

Core Features & Use Cases

  • Automated Screen Capture: Discovers screen states from your project's end-to-end tests.
  • Figma Synchronization: Pushes captured screens as frames into a specified Figma file.
  • Smart Filtering: Allows capturing only new screens or specific screens based on filters.
  • Use Case: After developing a new feature, use this Skill to automatically generate Figma frames for all the new UI states discovered by your e2e tests, keeping your design and development assets in sync.

Quick Start

Use the cgs.figma.capture skill to capture all screens from the provided Figma URL.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: cgs.figma.capture
Download link: https://github.com/CodeGeneration-2020/cgs-team-claude-setup/archive/main.zip#cgs-figma-capture

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.