Build cinematic, animated websites from Claude Code: 1,600+ AnimatedWebs templates with live demos, cinematic video backgrounds, animated UI components, design systems and Design Studio, through a 15-tool MCP server.
Plugin animatedwebs from marketplace animatedwebs in iboss21/animatedwebs-claude. Commands read from the repo's manifest — yesterday.
animatedwebs-backgroundsAdd a cinematic video background (a seamless looping film) to a hero or section using AnimatedWebs Cinematic Backgrounds. Use when the user asks for a video background, a looping hero video, a film-like hero, or wants the hero to move.
animatedwebs-componentsAdd polished animated UI components (buttons, text effects, backgrounds, cards, loaders, sections) from the AnimatedWebs UI Library, or generate a new one. Use when the user asks for an animated button, heading effect, background effect, hover interaction or loader, or wants a section to feel more p
animatedwebs-designConnect and use AnimatedWebs Design Studio, the private design workspace with built-in AI, from Claude Code. Use when the user wants to explore design directions, create design projects or artifacts, or asks to open or connect AnimatedWebs Design.
animatedwebs-heroGive an existing website a cinematic hero section (looping video, WebGL or shader background, oversized type, refined navigation) using AnimatedWebs templates. Use when the user wants a more impressive first screen, an animated or video background, or a hero that stops visitors scrolling.
animatedwebs-siteBuild a complete, premium animated website or landing page from an AnimatedWebs template (cinematic video heroes, WebGL scenes, scroll storytelling). Use when the user asks for a website, landing page, homepage or portfolio, or wants a site that looks premium, cinematic or award-worthy.
animatedwebs-styleGive a project a coherent, premium visual style from AnimatedWebs design systems, covering colour tokens, type scale, radius and buttons, exported as DESIGN.md, a Tailwind theme or CSS variables. Use when the user asks for a design system, colour palette, typography or style direction, or wants a si
/animatedwebs:backgroundAdd a cinematic video background from AnimatedWebs to this site's hero
/animatedwebs:browseBrowse AnimatedWebs templates by style or industry
/animatedwebs:componentAdd an animated UI component from the AnimatedWebs UI Library
/animatedwebs:designConnect AnimatedWebs Design Studio to Claude Code
/animatedwebs:heroGive this site a cinematic hero section with AnimatedWebs
/animatedwebs:requestAsk the AnimatedWebs team for a template the library does not have, or check your earlier requests
/animatedwebs:saveSave an AnimatedWebs template, component or background to your favourites, or list what you saved
/animatedwebs:siteBuild a complete animated website for a business from the best-matching AnimatedWebs template
/animatedwebs:styleApply an AnimatedWebs design system (colour, type, radius) to this project
animatedwebsconnects to: https://mcp.animatedwebs.com
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
Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification
1 command · 6 agents
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
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
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
Build, preview, and test UI components with Storybook.
7 skills
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.