// an 8-agent studio
An8-agentstudioforClaudeCodethatbuildsimmersivesites,groundedinrealAPIs,zerohallucinations.
// antislopui
A Claude Code plugin.
8 agents. Real APIs.
Zero hallucinations.
Built by Ade Febrian.
github.com/Adefebrian/AntislopUI
// the anti-slop promise
Five rules, demonstrated rather than listed. Every section of this page is one of them, running.
Every animation earns its place or it is cut. If removing it makes the message clearer, remove it. Motion serves communication, never decoration.
One ease, site-wide. expo.out on every entrance. [0.16, 1, 0.3, 1] on every wipe. Straying from the easing signature is straying from the brand.
Before a single animation runs, the type alone must hold the composition. Oversized, condensed, intentional. The font does the work that illustration used to do.
Break the center. Negative space is not emptiness; it is tension, direction, and rest. Symmetric layouts are forgettable. Asymmetric grids are memorable.
Near-black, warm off-white, one electric lime. Color used on less than 8% of pixels. The restraint is what makes the lime land.
// the studio floor
08 agents
scroll →
// creative-director
Plans the full build.
Reads the brief, designs the section-by-section plan, writes the delegation table, coordinates all specialists so nothing collides.
// frontend-architect
Scaffolds the foundation.
Next.js App Router + TypeScript + Tailwind. One Lenis instance, one rAF on the GSAP ticker. Fonts, tokens, reduced-motion hook, typed mount points. The skeleton motion hangs on.
// animation-specialist
Builds the GSAP timelines.
SplitText line reveals, ScrollTrigger scrubs, clip-path wipes, the preloader mask exit. Every timeline is scoped, cleaned up, and reduced-motion-safe.
// motion-specialist
Handles Motion for React.
AnimatePresence route transitions, useMotionValue number tickers, word-variant reveals, spring configs. Motion and GSAP never touch the same property on the same element.
// parallax-specialist
Owns depth and scroll.
Lenis velocity, ScrollTrigger horizontal pin, counter-parallax splits, ThemeScroll sentinels. One pin total. The studio floor horizontal track is this agent's signature.
// interaction-specialist
Builds the pointer layer.
Custom cursor (lime dot, mix-blend-difference, gsap.quickTo), magnetic CTAs, ZProximity cipher decode on install commands. Everything gated behind (pointer: fine).
// uiux-designer
Sets the design system.
Token values, type scale clamps, spacing rhythm, contrast verification, focus styles. The CSS that makes WCAG AA hold in both ink and paper theme states.
// qa-reviewer
The ship gate.
tsc --noEmit, npm run build, 60fps on mid-tier, zero double-driven properties, API truth check, no invented eases or hallucinated imports. Nothing ships without this.
// the stack & reference library
Foundation: Next.js, fonts, reduced-motion, SmoothScrollProvider
Lenis canonical wiring, Lenis/GSAP ticker, options
ScrollTrigger patterns, clip-path reveals, horizontal gallery
SplitText, number ticker, scramble, word-illuminate
containerAnimation, counter-parallax, stagger+scrub
Easing signature, preloader pattern, art direction
Cipher preset, fillText preset, fine-pointer gate
// the statement
// how to install
Published on the Adefebrian/AntislopUI marketplace. Add it, then install, from your terminal or inside a Claude Code session. Hover a line to highlight it; every command stays copyable and selectable.
// terminal
claude plugin marketplace add Adefebrian/AntislopUIclaude plugin install antislopui@antislopui// inside claude code
/plugin marketplace add Adefebrian/AntislopUI/plugin install antislopui@antislopuiSource: github.com/Adefebrian/AntislopUI