UI Animations — Design skill for Claude Code
Glass morphism, animated orbs, counting KPIs, staggered row entrances, hover lift — premium dark UI for Ohvara dashboard.
How to install UI Animations
Installs to ~/.claude/skills/bfreeohvara-obsidian-mind-ui-animations/SKILL.md
mkdir -p ~/.claude/skills/bfreeohvara-obsidian-mind-ui-animations && curl -fsSL https://raw.githubusercontent.com/BFreeOhvara/obsidian-mind/HEAD/skills/ui-animations.md -o ~/.claude/skills/bfreeohvara-obsidian-mind-ui-animations/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What UI Animations does
date: 2026-06-08 description: "Glass morphism, animated orbs, counting KPIs, staggered row entrances, hover lift — premium dark UI for Ohvara dashboard." tags:
- skill
- react
- ui status: active
Skill: Premium Animated UI
**Category:** React / UI **Created:** 2026-06-08 **Last used:** 2026-06-08 **Repo:** `ohvara-dashboard`
What This Skill Does
World-class premium animated dark UI for the Ohvara outreach dashboard. Animated background orbs, glass morphism cards th
Alternatives in Design
- Slack GIF Creator — Create animated GIFs optimized for Slack's size constraints 94.1k ★
- Studio — Launch the local design Studio — a live token editor over the latest extraction 3.6k ★
- Scroll Craft — Claude Code skill for premium scroll-driven websites 1k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
List Hover Sliding Fill
List hover sliding fill. A link list whose hover fill slides from row to row like one bar (Obys DES project in
2
Build a high-fidelity, responsive, dark-themed hero section for a SaaS product called "Taskora" using React, T
Modern UI Builder
Builds production-ready UI components with React/Vue + Tailwind CSS + Shadcn/UI. Invoke when user needs modern
Build Funnel
Design funnel architecture using one of 7 archetypes (VSL / Webinar / Application / Book-a-Call / Tripwire / C
Agent Kit
Kit de ingeniería de software senior para gobernar y potenciar agentes de IA (Antigravity, Cursor, Claude Code
Twin Sparrow Japanese Design
Two retained surface principles for Twin-Sparrow product/UI work: a minimal-spacing hierarchy (hairlines and m
Related Agents
UI Polisher
Improves Heron's Svelte components for visual polish and consistency — 4/8 px grid, semantic tokens that work
Template Cloner
Use this agent whenever Pulkit gives a UI template/website URL in the fable repo and wants it reproduced same-
Apple UI Designer
Visual and theme redesigns in current Apple design language (macOS 27 / iOS 26+ Liquid Glass, vibrancy, system