Skills
.Work. You
Rest

shaughv-animated-brandmark

Community

Create the SHAUGHV animated brand mark with SVG path animation.

Design & Creative#svg animation#brand mark#animated logo#svg path#animation technique
AuthorRealEmmettS
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the generation of the SHAUGHV animated brand mark, an SVG logo that draws itself with stroke animation and transitions.

Core Features & Use Cases

  • SVG Animation: Self-drawing SVG logo with stroke animation and transitions.
  • Path Animation: Path-by-path drawing and undrawing with crossfade effects.
  • Variant Alternation: Continuous loop between wordmark and icon variant.
  • Use Case: Ideal for creating or implementing the SHAUGHV animated logo in various contexts.

Quick Start

Generate the SHAUGHV animated brand mark using the shaughv-animated-brandmark skill.

Dependency Matrix

Required Modules

reactframer-motiontypescript

Components

scriptsreferencesassets

💻 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: shaughv-animated-brandmark
Download link: https://github.com/RealEmmettS/shaughv-code/archive/main.zip#shaughv-animated-brandmark

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 620,000+ vetted skills library on demand.