Agent skill

typography-text-effects

Enhance headers, buttons, and text with readable typography and micro-animations.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/typography-text-effects

SKILL.md

Typography & Text Effects

Instructions

  1. Headers

    • Animated fade/slide in
    • Large readable sizes
  2. Body text

    • Line height and spacing optimized
    • Responsive font scaling
  3. Micro-interactions

    • Button text hover effects
    • Call-to-action emphasis animations

Best Practices

  • Use scalable, readable fonts
  • Keep motion subtle
  • Maintain consistency across components

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results