The video demonstrates a powerful AI tool that can significantly speed up website creation, appealing to founders and designers looking for efficiency. The "comment to get the workflow" CTA encourages engagement and lead generation.
Summary
The creator demonstrates how they used AI, specifically Claude AI, to rebuild their studio website in just four hours. The process involved creating a design system, building the site with AI assistance, and then refining and animating it before launching.
Structure
1Rebuilding website with AI
2Creating a design system
3Building the site with AI
4Customizing and animating
5Launching the website
Product placement
Claude AI is used to generate the website design and code. Remotion is used for custom animations. Vercel is used for deployment.
Call to action
Comment "SITE" for the full workflow breakdown.
On-screen text
Original caption
We rebuilt our entire studio website in 4 hours using AI. 👇🏼Comment "SITE" for the full workflow. #aidesign #webdesign #designworkflow #uidesign #claudeai
More from @adrien.ninet
Their other posts in the index, biggest breakout first.
Klime
Strategy, logo, colors, typography, applications, and guidelines.
Built for Founders who move fast and care about perception.
Book a call
See the process
Don't look like every other startup.
At every, founders use the same tools, the same templates, the same look. Real branding is what separates the founders who stand out from the ones who blend in.
You stand out
You charge more
You scale faster
You build trust early
just
our
website
in 4 hours
using Ai
here's the exact
workflow
tools
and skills we used
Step 01
The Design System
DM Sans
Primary
Greys
identity
into
the
AI
design
system
spacing
components
everything.
Design
by Anthropic Labs
design
a lot of
credit
so
design
and dropped
it into
code
Opus 4.7
Step 02
Build the Site
Portfolio
Modern
Layout
Agency
Shopify
Creative portfolio
Cool
Create standout work. Faster, better.
AI
We design the future.
Optimize
conversions
company
and
Feedback & Contributions
I'd love to hear your thoughts! If you have suggestions or find bugs:
Open a Pull Request or Issue right here on GitHub
DM me on x.com/flexniln
DM Bluemii on x.com/bluemii99
Email me at support@tasteskill.dev
Installing
Works via CLI for all major AI coding agents (Cursor, Antigravity, Codex)
npx skills add https://github.com/Leonxlnx/taste-skill
Or just copy the SKILL.md file you need directly into your project.
Skills
Each skill has a different job. You do not need to use all of them. Frontend implementation skills live in skills/. Image-generation skills live in skills/image-to-code-skill/.
Skill
taste-skill
gpt-taste
image-to-code-skill
Description
The default all-rounder. Use this when you want one narrow visual style.
The stricter, more opinionated variant for stronger GSAP direction, and more aggressive.
The image-first frontend implementation skill. It deeply analyzes them, then implements them in skills/image-to-code-skill/.
We
built all-rounder. Use this when you
want one narrow visual style.
The stricter, more opinionated variant for stronger GSAP direction, and more aggressive.
The image-first frontend implementation skill. It deeply analyzes them, then implements them in skills/image-to-code-skill/.
We
site
every
AI
website
created
assets
then
the
all
provided
and from
there
we just
refined
until it
looked perfect
Step 03
Animate & Launch
Make
programmatic
Create real MP4s
Parametrize content, render
npx create-video@latest
Docs
Blank
Hello World
TS
Next.js
N
We
Remotion
Klime
Work
Process
Pricing
Clutch
4.9/5.0
A complete brand
delivered in seven Days
Strategy, logo, colors, typography, applications, and guidelines.
Built for Founders who move fast and care about perception.
Book a call
See the process
Good branding is not just
a logo and colors
Speed
Most studios take 4-6 weeks.
We deliver a full system in one.
Strategy first
Positioning and story come
before a single pixel is drawn.
which
way
once
dialed
site
Comment
"Site"
full workflow
breakdown
Transcript
just rebuilt our entire studio website in 4 hours using AI. Here's the exact workflow, tools, and skills we used. Step 01 The Design System. We took our brand identity from Figma and uploaded it into Claude Code. The AI design system. We created a complete design system for us. Step 02 Build the Site. First, we brainstormed the site architecture to optimize for conversions, align with our company values and offers. Then, we installed the taste skill to make sure the site doesn't look like every other AI generated website. We also created custom assets and dropped them in. Then we let Claude build the site using all the context we provided. And from there, we just refined until it looked perfect. Step 03 Animate & Launch. We installed Remotion skill to what custom animation which made the site way more premium. Once everything was dialed in, we pushed it to Vercel and the site was live. Comment "SITE" for the full workflow breakdown.