Claude Code Skills·Claude Skills·The open SKILL.md registry for Claude
HomeCompare › 42-audience-angles vs animation-motion-design

42-audience-angles vs animation-motion-design

Two Growth & Marketing Claude Code skills, side by side. Pick the right skill for your workflow with a side-by-side look at metadata, sample code, and install commands.

Side-by-side

Name42-audience-anglesanimation-motion-design
DescriptionAudience-first content discovery via 10 psychologische dimensies. Genereert 50 content angles (5 per dimensie) vanuit het doelgroep- perspectief. Drie modes: angles (puur), keywords (+ zoektermen), validate (+…Animation and motion design patterns using Motion library (formerly Framer Motion) and View Transitions API. Use when implementing component animations, page transitions, micro-interactions, gesture-driven UIs, or…
CategoryGrowth & MarketingGrowth & Marketing
Sub-categoryseoconversion
Tagslang:ruby
Authorchapter42OrchestKit
LicenseMITMIT
Install/add-skill 42-audience-angles/add-skill animation-motion-design

Tag overlap

Shared

Only in 42-audience-angles lang:ruby

Only in animation-motion-design

Sample code from each SKILL.md

42-audience-angles

/42:audience-angles angles <url|file|tekst>       # 50 content angles, platte lijst
/42:audience-angles keywords <url|file|tekst>     # Angles + zoektermen + intentie
/42:audience-angles validate <url|file|tekst>     # Angles + keywords + DataForSEO volume

animation-motion-design

import { motion, AnimatePresence } from "motion/react"

const fadeInUp = {
  initial: { opacity: 0, y: 20 },
  animate: { opacity: 1, y: 0 },
  exit: { opacity: 0, y: -10 },
  transition: { type: "spring", stiffness: 300, damping: 24 },
}

function Card({ item }: { item: Item }) {
  return (
    <motion.div {...fadeInUp} layout layoutId={item.id}>
      {item.content}
    </motion.div>
…

When to choose each

42-audience-angles — Audience-first content discovery via 10 psychologische dimensies. Genereert 50 content angles (5 per dimensie) vanuit het doelgroep- perspectief. Drie modes: angles (puur), keywords (+ zoektermen), validate (+…

animation-motion-design — Animation and motion design patterns using Motion library (formerly Framer Motion) and View Transitions API. Use when implementing component animations, page transitions, micro-interactions, gesture-driven UIs, or…

Both are free to install. If you're unsure, install both — Claude Code skills are isolated by filename and only collide if their trigger phrases overlap (rare). The richest signal is the SKILL.md body itself — open both skill pages and read the first paragraph of each.

Open 42-audience-angles → Open animation-motion-design →

Other comparisons in this category

See all Claude Code skill comparisons · Browse all Growth & Marketing skills · Top 100