Designs By Kore — Development skill for Claude Code
Claude skill for building award-winning, motion-rich websites (GSAP + Lenis + Three.js), with an anti-slop guide and a ship-it checklist.
How to install Designs By Kore
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open blackbrainpy/designs-by-kore and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Designs By Kore does
Claude skill for building award-winning, motion-rich websites (GSAP + Lenis + Three.js), with an anti-slop guide and a ship-it checklist.
Alternatives in Development
- Desloppify — Agent harness to make your slop code well-engineered and beautiful 3k ★
- Claude Blocker — Block distracting websites unless Claude Code is actively running inference 282 ★
- The Architect — The Architect — A Claude Code meta-agent that designs complete software blueprints 100 ★
README
Designs by Kore
A Claude Code plugin (and standalone skill) for building award-winning, motion-rich websites that look designed by a top studio rather than generated. It covers a concept-first workflow, a stack table (Next.js, Vite, vanilla/Astro), the free GSAP + Lenis + Three.js toolkit, an anti-slop design guide, and a ship-it checklist of the fixes that most often come back as revisions (em dashes, hero fold, floating device mockups, sticky-section overlap, nav-to-side-rail, app-store SEO).
Made by Designs by Kore, https://designsbykore.com
Install as a plugin (recommended)
In Claude Code:
/plugin marketplace add blackbrainpy/designs-by-kore
/plugin install designs-by-kore@designs-by-kore
The skill then triggers automatically when you ask for a landing page, hero section, or "make this site feel premium", or invoke it with `/designs-by-kore:designs-by-kore`.
Install the skill manually
Copy the skill folder into your skills directory:
cp -r plugins/designs-by-kore/skills/designs-by-kore ~/.claude/skills/designs-by-kore
Restart Claude Code (or reload skills).
Repo layout
.claude-plugin/
marketplace.json # the marketplace listing
plugins/designs-by-kore/
.claude-plugin/plugin.json # the plugin manifest
skills/designs-by-kore/
SKILL.md # the skill: workflow, quality bar, checklist
references/ # deep-dive guides loaded on demand
anti-slop.md toolkit.md stacks.md
gsap-patterns.md motion-patterns.md webgl-patterns.md
assets/nocturne-demo.html # reference build
Credit
Built by Designs by Kore (https://designsbykore.com). A ship-it checklist of practical fixes for building award-winning, motion-rich websites. See LICENSE.
Related Skills
Scroll Cinematic Claude
Award-winning 3D scroll websites from ONE prompt — Claude Code + Higgsfield MCP. Generates cinematic hero shot
Motion Pages
Claude Code skill for award-site motion pages — Three.js worlds, liquid-glass shaders, springy poster walls. S
Ladder And Leap Skill
An end-to-end Claude Skill for brand managers: positioning theory, brief discipline, and copywriting craft dra
Awards
Pick award-winning reference sites to build against, and render them
Product Launch Motion
Generate product launch videos from code using Claude, GSAP, and HTML to create deterministic, high-quality mo
Agentic Motion Graphics
Claude Code & Opus 5.5 Skill: Autonomous Code-to-Video & Motion Graphics Engine (HyperFrames, GSAP, Whisper, T
Related Agents
Animation Implementer
Specialized coding agent that implements motion design specs using Framer Motion, GSAP, and Three.js. Use this
Mf Engineer
motion-forge implementation engineer for one bounded unit — a scene, shader, Three.js system, GSAP timeline se
MVP Builder
Full-stack MVP builder. Takes a plain-English description and delivers an award-winning static site — no frame