Claude Code website within 5 minutes 😳

@rickbenn.ai

26.9K followers · usually 1.6K views a post

Views

9.4K

Likes

296

Comments

8

Shares

29

Selling · SaaS › AI Tool

Claude Codeseen in 193 videos →https://www.skool.com/no-code-automation-9166/about ↗

Why it worked

The video demonstrates a quick and seemingly effortless way to create a website using AI, appealing to users interested in no-code solutions and AI tools. The use of a specific, named AI tool (Claude Code) and a clear, step-by-step demonstration makes the process easy to follow and replicate.

Summary

This video demonstrates how to create a website using Claude Code in under 5 minutes. It guides viewers through signing up for Claude Pro, downloading Visual Studio Code, installing the Claude Code extension, and then using the extension to generate a website based on a provided skill file.

Structure

1Introduction to creating a website with Claude Code
2Signing up for Claude Pro and downloading VS Code
3Installing the Claude Code extension
4Finding and installing a specific skill (frontend-design)
5Generating the website using Claude Code

Original caption

I have just created a full website with Claude Code within 5 minutes #claude #claudecode #ai #claudecodetips #claudecodedesign

More from @rickbenn.ai

Their other posts in the index, biggest breakout first.

6

Promoting the Claude Code Academy on Skool

Product placement

The video shows the process of using Claude.ai and Visual Studio Code with the Claude Code extension to build a website. It also mentions and links to the Claude Code Academy on Skool.

Call to action

Check out my Skool community through link in bio.

On-screen text

Claude Code website within 5 minutes 😳 I'VE JUST CREATED THE WEBSITE WITH CLAUDE CODE WITHIN THE FIRST THING WE GO OVER TO CLAUDE.AI AND TAKE THE PRO PLAN BECAUSE FOR CLAUDE CODE. WE GO OVER TO CODE.VISUALSTUDIO.COM AND DOWNLOAD THE APPLICATION. INSTALLED THE APPLICATION, WE GO AHEAD AND LOAD IT UP. GO TO THE MARKETPLACE EXTENSIONS, WHICH IS THIS AND THEN WE SEARCH FOR CLAUDE CODE AND INSTALL THIS APPLICATION. WE WILL SEE WE NEED TO OUR CLAUDE A I SUBSCRIPTION. AUTHORISE OUR CLAUDE CODE TO BE CONNECTED TO OUR CLAUDE CHAT ACCOUNT. TO GO OVER TO THE ANTHROPIC OFFICIAL SKILLS. IN HERE WE SEARCH FOR THE FRONT AND DESIGN SKILL. WE FOUND THE GO BACK INTO STUDIO OFFICIAL CODE AND TYPE IN SLASH PLUGIN INSTALL FRONT AND DESIGN CLAUDE CODE PLUGINS. YOU SHOULD GO CODE ACADEMY ON SKOOL AND DOWNLOAD THIS CLAUDE.MD FILE. CLAUDE FOLDER. BUILD OUR WEBSITE

Transcript

I've just created the website with Claude Code within 5 minutes. The first thing we go over to claude.ai and take the Pro plan because for Claude Code. We go over to code.visualstudio.com and download the application. Once we have installed the application, we go ahead and load it up. From here we go to the marketplace extensions, which is this button and then we search for Claude Code and install this application. Once we have installed the application, we will see this screen where we need to log in our Claude AI subscription. We need to authorize our Claude Code to be connected to our Claude chat account. Then we need to go over to the Anthropic official skills. In here we search for the front and design skill. We found the skill. Go back into Studio official code and type in slash plugin install frontend-design@claude-code-plugins. You should go code academy on skool and download this claude.md file. We put this Claude.md file into our Claude folder. Now we ask Claude to build our website and in the end it actually comes back with the full website that we can actually start using. Check out my Skool community through link in bio.