Skills
.Work. You
Rest

figma-design-sweep

Official

Catalog Figma files into an HTML inventory.

Design & Creative#figma#inventory#porting#token-metadata#html-artifact#design-sweep
AuthorScripsteam
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Samer needs a structured way to catalog Figma files so canvases, components, tokens, and metadata are captured and published as an HTML inventory artifact. This sweep automates extraction and organization to support React porting and cross-file reference.

Core Features & Use Cases

  • Detect canvases, components, and design tokens; categorize canonical, deprecated, and partner canvases
  • Generate a single HTML artifact at ~/claude-os/artifacts/ containing the inventory, metric summaries, and DEV NOTES
  • Produce FHIR mappings automatically when clinical content is detected and include them in the artifact
  • Open questions and decisions are surfaced for Samer to review before porting

Quick Start

Ask Claude Code to sweep the currently open Figma file to generate the HTML inventory artifact in ~/claude-os/artifacts/.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: figma-design-sweep
Download link: https://github.com/Scripsteam/scrips-stack/archive/main.zip#figma-design-sweep

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 510,000+ vetted skills library on demand.