Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →rshankras/sf-symbols
SF Symbols end-to-end — choosing and configuring the 7,000+ system symbols (rendering modes, variable color/draw, gradients), authoring custom symbols that interpolate across weights, and the animation preset vocabulary.
Passed 22 of 22 test cases with the skill, and 11 of 22 without it.
and 11 more in the full report
11 fixed11 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 11 test cases the skill fixed. Same model, same prompt, with and without the skill.
When configuring guide points for Draw On/Off animation paths in SF Symbols 7 templates, what geometric markers denote path start points, path end points, and path corners?
| Checked | Without skill | With skill |
|---|---|---|
| Specifies open circles for path start points. | Missed | Passed |
| Specifies closed circles for path end points. | Missed | Passed |
| Specifies diamonds for corner points. | Passed | Passed |
The instructions your model reads when the skill loads.
Over 7,000 system symbols with free platform consistency, Dynamic Type alignment, and
accessibility — the default answer to "we need an icon." This skill covers using them well,
authoring custom ones that behave like system ones, and the animation vocabulary.
(Animation implementation patterns live in design/animation-patterns → symbol-effects.md;
this skill owns selection, authoring, and rendering.)
imageScale, weights match adjacent text).variableValue (0–1) to render magnitude — signal bars, progress.
Thresholds distribute evenly; 0% is the only "empty" state (a symbol reads "full" before 100%).
Variable Draw (SF Symbols 7) renders the path at a percentage instead of activating
layers — an alternative for progress/temperature; a symbol can carry both but renders one.Presets: Bounce · Pulse · Variable Color · Scale · Appear · Disappear · Replace · Draw On/Off (SF Symbols 7). Behavior classes: discrete (one-off), indefinite (until removed — always pair with removal logic), transition, content transition.
.contentTransition(.symbolEffect(.replace)) — and prefer Magic
Replace (preserves matching enclosures, uses Draw Off/On where supported) for state pairs
like mute/unmute.test cases passed, vs 11 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.