Brainwave — Design skill for Claude Code
Learn to create modern websites with sleek parallax effects and bento box layouts.
How to install Brainwave
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open adrianhajdin/brainwave and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Brainwave does
Learn to create modern websites with sleek parallax effects and bento box layouts. This course covers everything from stylish UI design to mobile-first principles while strengthening your React.js and Tailwind CSS skills.
Alternatives in Design
- Design Review Workflow — by Patrick Ellis - A tailored workflow for enabling automated UI/UX design review, including specialized sub a 3.7k ★
- Part 3 — Technical Design Document Generator — I'll help you create a Technical Design Document for your MVP 2.1k ★
- Design Dna — Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visu 624 ★
README
Modern UI/UX website
📋 Table of Contents
- 🤖 Introduction
- ⚙️ Tech Stack
- 🔋 Features
- 🤸 Quick Start
- 🕸️ Snippets
- 🔗 Links
- 🚀 More
🚨 Tutorial
This repository contains the code corresponding to an in-depth tutorial available on our YouTube channel, JavaScript Mastery.
If you prefer visual learning, this is the perfect resource for you. Follow our tutorial to learn how to build projects like these step-by-step in a beginner-friendly manner!
🤖 Introduction
Brainwave - Modern UI/UX website, developed using React.js and Tailwind CSS, exemplifies modern UI/UX principles. Its sleek design, seamless animations, and overall user experience set a high standard, serving as a reference or inspir
Related Skills
Learn Claude Code TypeScript
A TypeScript + Algebraic Effects companion to Learn Claude Code, helping frontend engineers understand Agent h
Claude Design Card
Claude Code skill for generating design cards in 14 formats — platform covers, social sharing cards, and edito
UI UX Pro Max Claude
UI/UX design intelligence for web, mobile, and desktop. Covers UI design, design systems, accessibility, respo
Inspo
Real websites for your coding agent to learn design from, searchable over MCP.
Bento Ppt Skill
Claude Code skill that turns a topic into a 16:9 SVG slide deck in Bento Grid style — HTML preview + editable
Claude Code Frontend Design Toolkit
Everything I've found that actually makes Claude Code output better-looking frontends. Skills, plugins, MCP se
Related Agents
X402 UI Designer
Visual Design & Layout Agent for x402 UI/Dashboard Swarm. Specializes in multi-layer parallax scroll systems,
Aequery Expert
Use this agent for After Effects scripting with AEQuery library. Covers selector syntax, arrayEx methods, wrap
CSS Engineer
CSS Engineer (Tier 3): implements design tokens and modern CSS — cascade layers, container queries, :has, nest