Toolverse
All skills

motion-graphics

by rohitg00

Kinetic typography, logo animations, and stylized motion design skill.\n\n**Triggers when:**\n- User wants text animations or kinetic typography\n- Request involves logo reveals or title sequences\n- Content focuses on visual impact over education\n- User mentions \

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
rohitg00
Category
UX / Design
Views
26

About this skill

Kinetic typography, logo animations, and stylized motion design skill.\n\nTriggers when:\n- User wants text animations or kinetic typography\n- Request involves logo reveals or title sequences\n- Content focuses on visual impact over education\n- User mentions \

How to use

  1. Zainstaluj skill motion-graphics w swoim środowisku agenta Claude/Copilot, klonując repozytorium z GitHub (rohitg00/manim-video-generator) i umieszczając folder skills/motion-graphics w katalogu skills agenta.

  2. Wyzwól skill, wspominając w zapytaniu słowa kluczowe takie jak "animacja tekstowa", "kinetic typography", "reveal logo", "intro", "title sequence" lub "text animation".

  3. Opisz swoją wizję: określ tekst do animacji, styl (nowoczesny, minimalistyczny, dynamiczny), kolory tła i palety barw, oraz efekty wizualne (particle effects, flourishes).

  4. Skill wygeneruje kod Python oparty na szablonach kinetic typography, który możesz dostosować. Przejrzyj zasady w dokumentacji: kinetic-typography.md (emocja i wpływ tekstu), timing-and-easing.md (krzywe easing), visual-hierarchy.md (kierowanie uwagą), brand-consistency.md (spójność stylu).

  5. Uruchom wygenerowany kod, aby renderować animację. Dostosuj parametry takie jak czas trwania, easing curves i efekty cząsteczek zgodnie z zasadami 4 S's: Style (spójny język wizualny), Surprise (nieoczekiwane ruchy), Smoothness (płynne przejścia), Simplicity (czysty design bez bałaganu).

  6. Eksportuj gotową animację w formacie wideo do wykorzystania w intro, tytułach lub treści skupiającej się na wizualnym oddziaływaniu.

Related skills

penpot-uiux-design

by github

Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms,

UX / Design
1788

ffmpeg-cli

by openclaw

Comprehensive video/audio processing with FFmpeg. Use for: (1) Video transcoding and format conversion, (2) Cutting and merging clips, (3) Audio extraction and manipulation, (4) Thumbnail and GIF generation, (5) Resolution scaling and quality adjustment, (6) Adding subtitles or

UX / Design
4298

ui-ux-expert-skill

by fercracix33

Technical workflow for implementing accessible React user interfaces with shadcn/ui, Tailwind CSS, and TanStack Query. Includes 6-phase process with mandatory Style Guide compliance, Context7 best practices consultation, Chrome DevTools validation, and WCAG 2.1 AA accessibility

UX / Design
60158

motion-canvas

by davila7

Complete production-ready guide for Motion Canvas with ESM/CommonJS workarounds, full setup templates, and troubleshooting for programmatic video creation using TypeScript

UX / Design
2597

canvas-design

by anthropics

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright

UX / Design
1998

mcp-builder

by anthropics

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

UX / Design
91171