Morphing Icons
Morphing Icons dynamically changes icon styles based on user interaction, enhancing visual engagement and usability.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add morphing-icons npx -- -y @trustedskills/morphing-icons
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"morphing-icons": {
"command": "npx",
"args": [
"-y",
"@trustedskills/morphing-icons"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The morphing-icons skill allows AI agents to generate animated icon transitions. It can smoothly transform one icon into another, creating visually appealing and dynamic user interfaces. This is useful for providing feedback or guiding users through a workflow with subtle visual cues.
When to use it
- Onboarding: Guide new users through an application by morphing icons representing different features.
- Feedback: Provide visual confirmation of actions (e.g., changing an icon from "upload" to a checkmark after successful upload).
- Interactive Tutorials: Animate transitions between icons to illustrate steps in a tutorial or process.
- Dynamic Navigation: Create visually engaging navigation menus where icons smoothly change based on user selection.
Key capabilities
- Animated icon transformations
- Smooth visual feedback
- User interface guidance
Example prompts
- "Morph the 'search' icon into a 'results' icon."
- "Animate an icon transition from a 'play' button to a pause button."
- “Show me how to morph a home icon into a settings icon.”
Tips & gotchas
The skill requires access to a library of icons for the transformations. Ensure the AI agent has appropriate permissions and access to necessary icon assets for optimal results.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.