Skip to content

YOUR LEARNING SPACE

My learning Explore courses4 Membership

✦

A little learning.
A bigger future.

Build skills that turn into real projects.

Explore All Access

Account settings Admin workspace

Learn. Build. Launch.

Academy/Classroom

Build websites with AI

WEEK 1 / DAY 5 / LESSON 05

Build Your Portfolio's Design System

3 min learning time

Opening your classroom…

Previous lesson Next lesson

YOUR LEARNING PATH

Build websites with AI

0 / 64 lessons complete

Day 1 · Intro

Important Notice Welcome to RK Empires Academy Week 1 at a Glance Mini Glossary Terminal Basics Meet Claude Install & First Run with Claude Code Verify Your Setup Claude Code Concepts Prepare Your Workspace Pick Your Practice Brand First Build: Simple Landing Page Ship It: Deploy to Vercel Exercise: Self Education Day 1

Day 2 · Frontend Design

Welcome to Day 2 Don't Foot-Gun Yourself: Security & Horror Stories Doppler: One Vault for Every Secret Honeypot Security Audit Security Quiz Plugins and Skills Building Websites with Claude Code Mobile View Redesign Add a Product Page (Video Hero)AI Images with kie.ai 3D Scrolling Animation with kie.ai Refine with the Browser Extension Exercise: Day 2 Submission

Day 3 · Workflow

Welcome to Day 3 Add a Form to Your Landing Page Connect Form to Supabase Add Confirmation Emails with Resend Admin Dashboard Morning Briefing Cron Test Your Workflow with Playwright Exercise: Day 3 Submission

Day 4 · Claude Design

Welcome Watch: A Tour of Claude Design The Interface: Where Everything Is What It Is and When to Use It Before You Prompt: Prep Your Context Inputs, Generate, Refine Exercise: Design a Landing Page Prototypes: Wireframe or High-Fidelity Getting Your Design Out Exercise: RK Empires Slides and Your Resume Design Systems: Teach Claude Design Your Style Build Your Own Website Reality Check: Limits and Usage Wrap-Up Exercise: Day 4 Submission

Day 5 · Portfolio Capstone

Welcome to Day 5 Pre-flight Checklist Pick Your Baseline Find Your Personal Twist Build Your Portfolio's Design System Prototype Your Direction Hand Off & Build Your Portfolio Showcase Your Week's Work Add Motion & Effects Embed Your Resume, OG Tags, and Mobile Polish QA Your Portfolio with Playwright Deploy, Phone Test, Share Day 5 Submission + Reflection Exercise: Day 5 Submission

© 2026 RK Empires Academy

Keep learningMade for the builders.