adrianhajdin

Brainwave — Design skill for Claude Code

Design community

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


Project Banner
vite react.js tailwindcss

Modern UI/UX website

Build this project step by step with our detailed tutorial on JavaScript Mastery YouTube.

📋 Table of Contents

  1. 🤖 Introduction
  2. ⚙️ Tech Stack
  3. 🔋 Features
  4. 🤸 Quick Start
  5. 🕸️ Snippets
  6. 🔗 Links
  7. 🚀 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