Skills
.Work. You
Rest

ds-extract-component

Community

Turn Swift UI patterns into reusable components.

Design & Creative#figma#component#swift#refactor#design-system#ui-patterns
Authorartosetrov
Version1.0.0
Installs0

System Documentation

What problem does it solve?

DS Extract Component helps teams convert inline Swift UI patterns into reusable components, promoting consistency and reducing duplication across the codebase and design system.

Core Features & Use Cases

  • Turn ad-hoc UI fragments into reusable SwiftUI components that can be reused across screens.
  • Create matching Figma DS components with tokens aligned to the design system.
  • Use Case: When you find the same UI pattern repeated in 2+ places, or when building a new molecule/atom in the DS, run this skill to extract it into a component and sync with Figma.

Quick Start

Refactor an inline Swift UI pattern into a reusable component and generate its matching Figma DS component.

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: ds-extract-component
Download link: https://github.com/artosetrov/iron-fist-arena-backend/archive/main.zip#ds-extract-component

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