claudecodex

ui-motion

High-taste UI motion skills: kinetic typography heroes, scroll-linked blur manifesto sections, and a thermal shader field you smear with a finger.

13 on GitHubby Adam Perlisv0.2.0MITupdated 3 days agodesign
/

Plugin ui-motion from marketplace adam-plugins in adamperlis/adam-plugins. Commands read from the repo's manifest — 3 days ago.

What it installs

Skills (3)

  • kinetic-inflated-hero

    Design or implement full-viewport kinetic typography heroes using inflated physical letterforms, Matter.js-style motion, Pretext-inspired type behavior, and SVG goo/blur effects. Use when the user asks for a memorable animated hero, kinetic brand object, inflated type, soft-body letters, or a Zine-s

  • scroll-blur-manifesto

    Design or implement quiet editorial manifesto sections where large text resolves from blurred ghost layers into sharp copy on scroll. Use when the user asks for scroll blur, blur-to-sharp transitions, Lenis/GSAP ScrollTrigger word reveals, or a warm editorial manifesto section.

  • thermal-finger-trail

    Build an interactive heat-camera field that a finger or cursor smears like wet paint — a WebGL fragment shader with a domain-warped thermal blob, a seven-stop heat ramp, a velocity-carrying pointer trail, and a press ripple. Use when the user wants a thermal/heatmap effect, a "finger through paint"

View source on GitHub

More from adamperlis/adam-plugins

All 11 plugins →

video-skills

claudecodex

Eleven reusable skills for planning, capturing, scripting, and finishing product, brand, creator, and social videos.

11 skills

13

awwwards-motion

claudecodex

Build Awwwards-quality web experiences with spring physics, GLSL shaders, R3F, post-processing, and interactive motion.

1 skill

13

companion-bot

claudecodex

A furry 3D companion for your web app: a drop-in <companion-bot> element with moods and expressions, plus a customizer users can restyle it with.

1 skill

13

Design UI with explicit spatial and typographic constraints instead of letting the model guess.

1 skill

13

Route, design, build, and critique distinctive marketing sites using archetype-specific frontend direction.

1 skill

13

fullstack-coding

claudecodex

Systematic full-stack web development guidance for architecture, debugging, quality, testing, security, and deployment.

1 skill

13

Similar plugins

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification

1 command · 6 agents

anthropics/claude-code 155,476

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Maintain ui-motion?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins11 plugins