SkillsAdd

signerlabs/shipswift

add-component

Add a SwiftUI component from ShipSwift. Use when the user says "add component", "add a view", "add X view", "I need a chart", "add animation", or wants a specific UI element.

First seen Mar 14, 2026

Installation

$ npx skills add signerlabs/shipswift --skill add-component
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

react:components Similar name
google-labs-code/stitch-skills

Converts Stitch designs into modular Vite and React components using system-level networking an…

50.7K installs
building-components Similar name
vercel/components.build

Guide for building modern, accessible, and composable UI components. Use when building new comp…

12.5K installs
next-cache-components-adoption Similar name
vercel/next.js

Turn on Cache Components in a Next.js app and resolve the blocking routes it surfaces. Use when…

12.4K installs
next-cache-components-optimizer Similar name
vercel/next.js

Drive a Next.js route to instant navigation by setting up an agentic loop, under Cache Componen…

11.8K installs
create-oo-component-documentation Similar name
github/awesome-copilot

Create comprehensive, standardized documentation for object-oriented components following indus…

7K installs
update-oo-component-documentation Similar name
github/awesome-copilot

Update existing object-oriented component documentation following industry best practices and a…

7K installs

Also in this package

Other skills from signerlabs/shipswift.

npx skills add signerlabs/shipswift
build-feature 113 explore-recipes 108

Browse all from signerlabs/shipswift

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Also listed on

Alternate registries and mirrors of this skill.

Repository health

Stars 3.0K
License LICENSE
Default branch main
Open issues 4
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,726 B
  • docs SUMMARY.md 195 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 112 installs

SKILL.md

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)

  1. Read the source file: Read the Swift file from ShipSwift/SWPackage/<path>. The file contains the complete implementation.
  1. 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

  1. 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.