Designs By Kore

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.