Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
signerlabs avatar

Add Component

  • 98 installs
  • 2.9k repo stars
  • Updated August 2, 2026
  • signerlabs/shipswift

Helps with ai & agent building tasks.

About

add-component is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.

  • add-component
  • AI & Agent Building
  • AI-coding skill

Add Component by the numbers

  • 98 all-time installs (skills.sh)
  • +7 installs in the week ending Aug 5, 2026 (Skillselion tracking)
  • Ranked #4,469 of 16,546 AI & Agent Building skills by installs in the Skillselion catalog
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/signerlabs/shipswift --skill add-component

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs98
repo stars2.9k
Last updatedAugust 2, 2026
Repositorysignerlabs/shipswift

What it does

Helps with ai & agent building tasks.

Files

SKILL.mdMarkdownGitHub ↗

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.

Related skills

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.