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
- CloudCLI — 8,400+ Free open-source web/mobile UI for Claude Code, Cursor CLI, and Codex 8.7k ★
- Design Review Workflow — by Patrick Ellis - A tailored workflow for enabling automated UI/UX design review, including specialized sub a 3.7k ★
- Companion — 2,200+ Web & mobile UI for Claude Code & Codex 2.2k ★
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
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.
Claude Design Card
Claude Code skill for generating design cards in 14 formats — platform covers, social sharing cards, and edito
Rogue Open Design Skill
Generate web, mobile, and desktop prototypes, slides, dashboards, and editorial layouts from a single prompt u
Mobile First Design
Design and build mobile-first responsive web experiences. Start with the smallest screen as baseline, progress
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