milestone-celebration

Generates native milestone celebration features with CAEmitterLayer confetti and @Observable tracking for Swift apps.

27|5|Updated Apr 18, 2026
One-click install
npx skills add https://github.com/bocan/bocan-music --skill milestone-celebration-bocan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: milestone-celebration
Source: https://github.com/bocan/bocan-music/tree/main/.claude/skills/generators/milestone-celebration
Command: npx skills add https://github.com/bocan/bocan-music --skill milestone-celebration-bocan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the need to build custom milestone celebration and gamification systems from scratch for Swift apps, saving developers hours of work implementing animations, tracking logic, and accessibility compliance.

Core Features & Use Cases

  • Confetti Animations: Native CAEmitterLayer-based particle effects for iOS and macOS that respect Reduce Motion accessibility settings.
  • Achievement Badges: Locked/unlocked badge views with progress rings, glow effects, and SF Symbol support.
  • Persistent Tracking: @Observable milestone tracker with built-in persistence to ensure celebrations only fire once per achievement.
  • Use Case: Perfect for fitness, learning, or productivity apps that want to reward users for hitting thresholds like 10 workouts, 30-day reading streaks, or 100 completed tasks.

Quick Start

Use the milestone-celebration skill to generate a full milestone celebration system that triggers a confetti animation and badge unlock when a user completes their 10th workout in your fitness app.

Frequently Asked Questions about milestone-celebration

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

FAQPage Schema
How do I add confetti animations and achievement badges to my iOS app?

You can add confetti animations and achievement badges to your iOS app by generating native CAEmitterLayer particle effects and locked/unlocked badge views with progress rings and SF Symbol support.

How does milestone tracking work with persistent state in Swift?

Milestone tracking in Swift uses an @Observable tracker with built-in persistence to monitor user thresholds, ensuring that celebration animations and badge unlocks only fire once per achievement.

Can I use CAEmitterLayer confetti animations on macOS?

Yes, CAEmitterLayer-based confetti animations are natively supported on both iOS and macOS, allowing you to generate cross-platform particle effects for your milestone celebrations.

Do confetti animations respect Reduce Motion accessibility settings in Swift?

Yes, generated confetti animations respect Reduce Motion accessibility compliance, allowing your Swift application to adjust or disable particle effects for users with reduced motion preferences.

What is the best way to trigger a celebration when a user hits a milestone threshold?

The best way to trigger a milestone celebration is to use an automatic reward trigger that detects when a user crosses a threshold, instantly firing confetti animations and unlocking achievement badges.

Can I include haptic feedback and social sharing in my gamification system?

Yes, your gamification system can include optional haptic feedback and social sharing integration alongside achievement badges and confetti animations when users reach milestone thresholds.