skills.rest
bocan
bocanCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

share-card

Generate shareable image cards from SwiftUI views with QR code overlays.

27|5|Updated Apr 18, 2026
Search Tags:#swiftui#app-development#qr-code#share-card#social-sharing#image-rendering#sharelink
One-click install
npx skills add https://github.com/bocan/bocan-music --skill share-card-bocan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: share-card
Source: https://github.com/bocan/bocan-music/tree/main/.claude/skills/generators/share-card
Command: npx skills add https://github.com/bocan/bocan-music --skill share-card-bocan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the tedious manual work of designing and exporting shareable image cards for app content like achievements, statistics, and quotes, ensuring consistent branding and saving hours of repetitive design effort.

Core Features & Use Cases

  • Native SwiftUI Rendering: Uses ImageRenderer to generate high-quality raster images from SwiftUI views for iOS and macOS apps.
  • Customizable Styles & Sizes: Offers minimal, branded, and statistics card styles, plus size presets optimized for Instagram, Twitter/X, and other platforms.
  • Optional QR Code Overlays: Embeds deep link or App Store QR codes directly into share cards for seamless user redirection.
  • Use Case: A fitness app can automatically generate branded share cards for user workout milestones, complete with stats and a deep link, ready for one-tap sharing via ShareLink.

Quick Start

Use the share-card skill to generate a branded shareable image card for the user's latest app achievement with an embedded deep link QR code.

Frequently Asked Questions about share-card

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate shareable image cards from app content in SwiftUI?▼

Generate shareable image cards in SwiftUI by rendering app views like statistics and achievements into high-quality raster images using the native ImageRenderer API for iOS 16+ and macOS 13+.

Can I add a QR code overlay to a share card for deep linking?▼

Yes, you can add QR code overlays to share cards. The generated image embeds deep link or App Store QR codes directly, enabling seamless user redirection from the shared visual.

What are the best size presets for sharing app images on social media?▼

The best size presets for social media sharing are platform-optimized dimensions designed specifically for Instagram, Twitter/X, and other platforms, ensuring your share cards display correctly.

Does this share card generation method work with older iOS versions?▼

No, this share card generation method does not work with older iOS versions. It requires iOS 16+ and macOS 13+ because it integrates natively with the modern SwiftUI ImageRenderer and system ShareLink APIs.

How do I customize visual styles for app achievement share cards?▼

Customize visual styles for app achievement share cards by selecting from predefined options including minimal, branded, and statistics card styles to ensure consistent visual branding across your application.

Related Skills

Explore More Software Engineering Skills→
AutisticAFAutisticAF
4

generators-share-card

Generate shareable card images from app content using SwiftUI ImageRenderer.

Community
Advanced
gustavscirulisgustavscirulis
114

share-card

Generate shareable card images from app content with SwiftUI and ImageRenderer.

Community
Intermediate
lapc506lapc506
4

Deep Linking & Universal Links

Configure deep linking and universal links in Flutter apps using go_router.

Community
Intermediate
sorty-organizersorty-organizer
42

uikit-accessibility-auditor

Audit UIKit views for VoiceOver, Dynamic Type, and keyboard accessibility issues.

Official
Intermediate