Skills
.Work. You
Rest

axiom-sf-symbols

Community

Master SF Symbols: effects, rendering, and animations.

Software Engineering#design system#animations#swiftui#ios development#ui elements#sf symbols
Authorjoelhooks
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers effectively use Apple's SF Symbols by explaining rendering modes, symbol effects, animations, and custom symbol creation, ensuring symbols look and behave as intended across different iOS versions.

Core Features & Use Cases

  • Rendering Modes: Guides selection between Monochrome, Hierarchical, Palette, and Multicolor.
  • Symbol Effects: Details various animations like Bounce, Pulse, Wiggle, Rotate, Breathe, and Draw On/Off.
  • Custom Symbols: Explains how to create and annotate custom symbols for advanced features.
  • Use Case: You need to animate a download button to bounce on tap, then pulse while active, and finally transform into a checkmark. This Skill provides the exact modifiers and logic to achieve this.

Quick Start

Use the axiom-sf-symbols skill to learn how to apply the bounce effect to an SF Symbol.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: axiom-sf-symbols
Download link: https://github.com/joelhooks/joelclaw/archive/main.zip#axiom-sf-symbols

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.