Leonardo Baroni avatar

Leonardo Baroni

Community

@leobbaroni · Portugal

4Followers
|
5Public Repos
|
47Published Skills

Business Analytics Master’s student @ NovaSBE

Skills Distribution
DomainUI/UX & Crea...UI Design Systems .. (30%)Motion & Animation.. (25%)AI Image & Video G.. (25%)3D Graphics & Gene.. (12%)

Agent Skills by Leonardo Baroni

Showing 47 vetted skills indexed across 1 GitHub repositories.

leobbaronileobbaroni
1

maestro

Guides UI design, motion, 3D, and video production through distilled references and vendored protocol corpora.

Community
Advanced
leobbaronileobbaroni
1

design-dna

Extract design tokens, style, and visual effects from reference UIs into structured JSON profiles.

Community
Advanced
leobbaronileobbaroni
1

video-shotcraft

Create cinematic product videos from shot recipe cards using Remotion, real page screenshots, and beat-synced sound design.

Community
Advanced
leobbaronileobbaroni
1

paint

Generates complete visual identities through a five-phase brainstorm, design system, implementation, and audit pipeline.

Community
Advanced
leobbaronileobbaroni
1

cast

Implements motion and micro-interactions for Web, Compose, and SwiftUI interfaces.

Community
Advanced
leobbaronileobbaroni
1

canvas-generative

Implements generative art algorithms with Canvas 2D including noise, particles, flow fields, and L-systems.

Community
Intermediate
leobbaronileobbaroni
1

threejs-r3f

Implements Three.js and React Three Fiber scenes with shaders, postprocessing, and performance patterns.

Community
Intermediate
leobbaronileobbaroni
1

compose-multiplatform

Implement cross-platform Compose Multiplatform UIs with expect/actual patterns and platform interop.

Community
Advanced
leobbaronileobbaroni
1

swiftui-graphics

Implements advanced SwiftUI visual effects using Metal shaders, Canvas, and Liquid Glass APIs.

Community
Advanced
leobbaronileobbaroni
1

desktop-principles

Implements desktop UX patterns for hover states, keyboard shortcuts, multi-window, and focus management.

Community
Intermediate
leobbaronileobbaroni
1

mobile-principles

Applies mobile UX rules for touch targets, thumb zones, safe areas, gestures, and performance budgets.

Community
Intermediate
leobbaronileobbaroni
1

design-audit

Audits codebases for motion gaps, accessibility violations, performance issues, and design inconsistencies.

Community
Intermediate
leobbaronileobbaroni
1

compose-graphics

Implement Material 3 Expressive motion, AGSL shaders, and Canvas generative drawing in Jetpack Compose.

Community
Advanced
leobbaronileobbaroni
1

css-native

Implements zero-dependency animations using scroll-driven timelines, View Transitions, and modern CSS.

Community
Intermediate
leobbaronileobbaroni
1

motion-principles

Provides timing, easing, and accessibility rules for UI animation across web and mobile platforms.

Community
Intermediate
leobbaronileobbaroni
1

compose-motion

Implement Jetpack Compose animations using animate*AsState, AnimatedVisibility, transitions, and gestures.

Community
Advanced
leobbaronileobbaroni
1

gsap

Implements GSAP animations including timelines, ScrollTrigger, and plugins for web interfaces.

Community
Intermediate
leobbaronileobbaroni
1

framer-motion

Implements React UI animations with Motion including AnimatePresence, layout animations, gestures, and motion values.

Community
Intermediate
leobbaronileobbaroni
1

higgsfield-product-photoshoot

Generate brand product images via the Higgsfield product-photoshoot CLI on gpt_image_2.

Community
Intermediate
leobbaronileobbaroni
1

higgsfield-generate

Generate images, videos, 3D assets, and audio through the Higgsfield AI CLI.

Community
Advanced
leobbaronileobbaroni
1

higgsfield-marketplace-cards

Generate marketplace product image cards and A+ content modules via the Higgsfield CLI.

Community
Intermediate
leobbaronileobbaroni
1

higgsfield-soul-id

Trains a face-faithful Soul identity model on Higgsfield for image and video generation.

Community
Intermediate
leobbaronileobbaroni
1

higgsfield-brandkit

Create visual brand systems with palettes, SVG logos, typography, and PPTX brandbooks via the Higgsfield CLI.

Community
Advanced
leobbaronileobbaroni
1

higgsfield-websites

Build, edit, and deploy React 19 + TanStack Start websites, apps, and games via the Higgsfield CLI.

Community
Advanced

Frequently Asked Questions About Leonardo Baroni

FAQPage Schema
What tasks can I accomplish with leobbaroni's skill registry?▼

You can design and audit UIs, extract design tokens from reference screenshots, build animations with GSAP, Framer Motion, SwiftUI, or Jetpack Compose, render Three.js 3D scenes and generative Canvas art, and generate product photos, brand kits, explainer videos, thumbnails, and full-stack websites through Higgsfield and Comfy Cloud.

Who should use these design and media generation skills?▼

Frontend engineers, mobile developers (SwiftUI, Compose Multiplatform), motion designers, and brand marketers benefit most. Skills cover web, iOS, Android, and desktop targets, plus marketing deliverables like ad creatives, marketplace cards, and social video covers.

How do the Higgsfield generation skills work in practice?▼

Each Higgsfield skill routes intent through the Higgsfield CLI with argument hints like --mode or --type. Product photoshoots, marketplace cards, Soul Character training, brandkits, websites, thumbnails, and explainers each have dedicated entry points that assemble prompts server-side rather than freehand.

Are these skills free and open-source?▼

The official GSAP skills (core, timeline, ScrollTrigger, plugins, React, frameworks, utils, performance) and the LottieFiles motion-design skill carry MIT licenses. Other skills list no explicit license; Higgsfield and Comfy Cloud skills depend on hosted third-party generation services.

What prerequisites or dependencies do these skills require?▼

Higgsfield skills require Bash access to the Higgsfield CLI; comfy requires the hosted Comfy Cloud MCP server. Animation skills assume their respective frameworks (GSAP, Framer Motion, SwiftUI, Jetpack Compose, Three.js). Video-shotcraft requires Remotion plus validated templates and code/audio assets.