Agent skill · Frontend

milestone-celebration

Generates achievement celebration UI with confetti animations, badge unlocks, progress milestones, haptic feedback, and optional share-to-social. Use when user wants to celebrate achievements, show confetti, display milestone badges, or trigger rewards on key thresholds.

rshankrasgithub.com/rshankrasGitHub ↗
claude-codecan modify filesMIT
Install
npx skills add rshankras/claude-code-apple-skills --skill milestone-celebration --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 2
SKILL.md size: 13 KB
Bundled scripts: none
Allowed tools: ReadWriteEditGlobGrepBashAskUserQuestion
Path: skills/generators/milestone-celebration/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 589
Language: Swift

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# Milestone Celebration Generator Generate a production milestone celebration system with confetti particle animations via `CAEmitterLayer`, achievement badge views with locked/unlocked states, a celebration overlay with spring animations, haptic feedback, and optional shareable achievement cards — all triggered automatically when users hit key thresholds. ## When This Skill Activates Use this skill when the user: - Asks to "add celebrations" or "celebrate achievements" - Wants "confetti animation" or "particle effects for milestones" - Mentions "achievement badges" or "badge unlock animation" - Asks about "milestone rewards" or "progress milestones" - Wants to "celebrate achievement" or "trigger celebration on threshold" - Asks about "level-up animation" or "gamification celebrations" ## Pre-Generation Checks ### 1. Project Context Detection - [ ] Check Swift version (requires Swift 5.9+) - [ ] Check deployment target (iOS 17+ / macOS 14+ for `@Observable`, spring animations, `sensoryFeedback`) - [ ] Check for `UIKit` availability (iOS — `CAEmitterLayer` for confetti, haptics) - [ ] Identify source file locations ### 2. Conflict Detection Search for existing celebration/animation

What's inside
Steps it walks through
  1. When This Skill Activates
  2. Pre-Generation Checks
  3. 1. Project Context Detection
  4. 2. Conflict Detection
  5. 3. Platform Detection
  6. Configuration Questions
  7. Generation Process
  8. Step 1: Read Templates
  9. Step 2: Create Core Files
  10. Step 3: Create UI Files
  11. Step 4: Create Optional Files
  12. Step 5: Determine File Location
  13. Output Format
  14. Files Created
Ships with 1 file
  • templates.md
More from claude-code-apple-skills
All skills →
About this skill
What does the milestone-celebration skill do?

Generates achievement celebration UI with confetti animations, badge unlocks, progress milestones, haptic feedback, and optional share-to-social. Use when user wants to celebrate achievements, show confetti, display milestone badges, or trigger rewards on key thresholds.

How do I install it?

Run `npx skills add rshankras/claude-code-apple-skills --skill milestone-celebration --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From rshankras/claude-code-apple-skills, a repository with 589 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going