Use Claude Code DESIGNER Skill to 10x UI Designs
7:03
YouTubeDesignCourse
Use Claude Code DESIGNER Skill to 10x UI Designs
Take the challenge #2: https://designcourse.com/app/foundations/2026-uiux Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off) -- Welcome to challenge #2 of the 2026 UI Design Challenege. Today, you're tasked with using Claude Code with the Frontend Designer skill to generate a hero section for a fictional business ...
80.9K views1 month ago
CodePen Projects
"🔥 CodePen Tutorial for Beginners (2024) | Build & Share Projects Like a Pro!"
2:19
"🔥 CodePen Tutorial for Beginners (2024) | Build & Share Projects Like a Pro!"
YouTubeConnect and Code
546 viewsJan 8, 2025
What are CodePen Projects?
27:05
What are CodePen Projects?
YouTubeCodePen
2.2K viewsJan 28, 2021
Getting Started with CodePen: A Beginner’s Guide to CodePen
17:36
Getting Started with CodePen: A Beginner’s Guide to CodePen
YouTubecolearnable
16.7K viewsJan 2, 2021
Top videos
How to code your first cute application from scratch (beginner friendly & aesthetic :3)
18:12
How to code your first cute application from scratch (beginner friendly & aesthetic :3)
YouTubeNashallery
78.7K views3 months ago
Google Stitch + Claude Code = Insane App Design
21:26
Google Stitch + Claude Code = Insane App Design
YouTubeBuild Great Products
107.9K views1 month ago
How to Build ACTUALLY Beautiful UI With This Claude Code Skill
12:36
How to Build ACTUALLY Beautiful UI With This Claude Code Skill
YouTubeBuild Great Products
150.5K views5 months ago
CodePen Challenges
How to Create a Path Following Text on Scroll Using GSAP & ScrollTrigger - CodePenChallenge
4:44
How to Create a Path Following Text on Scroll Using GSAP & ScrollTrigger - CodePenChallenge
YouTubeWael Yasmina
608 views9 months ago
How to Create A Deciphering Text Effect Using GSAP & SplitText Plugin - CodePen Challenge
7:01
How to Create A Deciphering Text Effect Using GSAP & SplitText Plugin - CodePen Challenge
YouTubeWael Yasmina
575 views10 months ago
How to Create An Animated Loading Indicator Using GSAP & DrawSVG Plugin - CodePenChallenge
4:55
How to Create An Animated Loading Indicator Using GSAP & DrawSVG Plugin - CodePenChallenge
YouTubeWael Yasmina
860 views10 months ago
How to code your first cute application from scratch (beginner friendly & aesthetic :3)
18:12
How to code your first cute application from scratch (beginne…
78.7K views3 months ago
YouTubeNashallery
Google Stitch + Claude Code = Insane App Design
21:26
Google Stitch + Claude Code = Insane App Design
107.9K views1 month ago
YouTubeBuild Great Products
How to Build ACTUALLY Beautiful UI With This Claude Code Skill
12:36
How to Build ACTUALLY Beautiful UI With This Claude Code Skill
150.5K views5 months ago
YouTubeBuild Great Products
5 Ways To Build Beautiful Websites Using Claude Code
5:05
5 Ways To Build Beautiful Websites Using Claude Code
83.5K views4 months ago
YouTubeAI LABS
Build a responsive website with HTML, CSS, JS (Course)
2:48:04
Build a responsive website with HTML, CSS, JS (Course)
23.4K views4 months ago
YouTubeCoder Coder
The Ultimate Shadcn UI + Claude Code Workflow (Design System, Claude Extension, MCP, Figma, Builder)
18:36
The Ultimate Shadcn UI + Claude Code Workflow (Design System, C…
25.2K views2 months ago
YouTubeByteGrad
Responsive Web Development Complete Course for Beginners | Tutorial + Full Project
3:22:05
Responsive Web Development Complete Course for Beginners | …
178.8K views7 months ago
YouTubeSheryians Coding School
17:11
Pencil: 01 Vibe Design with Pencil and Claude Code
69.2K views2 months ago
YouTubeChristopher Deane
28:27
Claude Code Crash Course for Beginners | Build an App
55.5K views1 month ago
YouTubecodebasics
8:10
Vibe coding beautiful UIs in 3 simple steps
143.6K views3 months ago
YouTubeMorning Maker Show with Sandra and Dan
11:00
Generate Better AI Designs in Claude Code
34.9K views1 month ago
YouTubeUI Collective
12:50
80% of VIBE CODING Basics in 12 Minutes
10.4K views2 months ago
YouTubeSundas Khalid
15:10
FULL Claude Code Tutorial for Beginners in 2026! (Step-By-Step)
206.8K views2 weeks ago
YouTubeTech With Tim
16:10
Design with Claude Code: The Designer’s Guide
200.9K views1 month ago
YouTubeUI Collective
33:50
Be a 10x Vibe Coder (Claude Code + Cursor + MCP)
133.5K views4 months ago
YouTubeGreg Isenberg
29:46
Figma + developer workflows | design systems, Code Connect, M…
63K views5 months ago
YouTubeFigma
9:54
Claude Code NEW Design Canvas With Built-In Figma That's FREE! (…
25.1K views1 month ago
YouTubeWorldofAI
4:56
50 Designers used Claude Code to Design a Layout
12K views1 month ago
YouTubeDesignCourse
20:23
Learn SYSTEM Design from Scratch in 20 Minutes! (Fast & Easy)
2.4K views4 months ago
YouTubeWsCube AI & Tech School
1:25:39
The 86 Minute Guide to Building Apps With AI (Full Course)
42.4K views5 months ago
YouTubeRiley Brown
48:04
Designer's toolkit for Claude Code
48.5K views3 months ago
YouTubeDive Club 🤿
10:08
Claude Code + Figma MCP Is The Greatest AI Design System I've Ev…
105.2K views1 month ago
YouTubeWorldofAI
10:35
Claude Code + Stitch Is The Greatest AI Design System I've Ev…
23.5K views3 weeks ago
YouTubeWorldofAI
1:14:12
☕ Create A Responsive Coffee Website in HTML CSS & JavaScrip…
858.8K viewsSep 13, 2024
YouTubeCodingNepal
23:09
7 Design Patterns EVERY Developer Should Know
996.9K viewsDec 6, 2024
YouTubeForrestKnight
1:03:41
Master ALL 20 Agentic AI Design Patterns [Complete Course]
120K views7 months ago
YouTubeMark Kashef
5:20
Claude Code + Figma MCP Server for Design to Code
82K views8 months ago
YouTubeBuilder
5:01
Convert Figma Designs to Code with AI
16.2K views6 months ago
YouTubeBuilder
5:43
Claude Design Skills: Build Polished UIs in 5 Minutes
9.8K views4 months ago
YouTubeAlex Christou
See more videos
Static thumbnail place holder