mcpField
A
add-component

add-component

github.com/signerlabsDevelopment3.3k121 installsUpdated 5d ago
Repository

About add-component

A skill for adding SwiftUI components from ShipSwift's local source library to a project. It helps identify the relevant component, copy its implementation and dependencies, and adapt it to the project.

Key features

  1. 01Find components in the catalog
  2. 02Read component source files
  3. 03Copy files into a project
  4. 04Adapt names, colors, and data models
  5. 05Check dependencies and setup

Use cases

  1. 01Adding a shimmer loading effect
  2. 02Integrating a chart or alert component
  3. 03Adding an authentication or camera module

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/signerlabs/shipswift --skill add-component

After installing, type/add-componentin Claude Code to confirm it loaded.

Details

From the project README

Add Component from ShipSwift

Add production-ready SwiftUI components to your project from ShipSwift's local source library.

Workflow

  1. Identify the component: Read skills/catalog.md to find the right component. Common mappings:

    • "shimmer" / "loading skeleton" → SWAnimation/SWShimmer.swift
    • "donut chart" / "pie chart" → SWChart/SWDonutChart.swift
    • "alert" / "popup" → SWComponent/Feedback/SWAlert.swift
    • "auth" / "login" → SWModule/SWAuth/ (all files)
    • "camera" → SWModule/SWCamera/ (all files)

  2. Read the source file: Read the Swift file from ShipSwift/SWPackage/<path>. The file contains the complete implementation.

  3. Integrate into the project:

    • Copy the file(s) into the user's project
    • Also copy SWUtil/ if not already present
    • Adapt naming, colors, and data models to match the project
    • For +iOS/+macOS files, set the platform filter in Xcode Build Phases

  4. Verify: Walk through any dependencies or setup steps needed.

Guidelines

  • Types use SW prefix (SWDonutChart, SWTypewriter).
  • View modifiers use .sw prefix (.swShimmer(), .swGlowScan()).
  • Chart components use a generic CategoryType pattern with String convenience initializer.
  • Internal helper types should be private with SW prefix.
  • Components in SWAnimation/, SWChart/, and SWComponent/ are each self-contained (single file + SWUtil).
  • Modules in SWModule/ are multi-file — copy the entire folder.

Comments

Markdown supported