正在加载视频...

视频加载失败

返回首页

top 3 claude code web design skills

chase_ai_'s profile picture

Chase AI

155,900 subscribers

171,400 次观看 • 8 个月前 •via TikTok

科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Das sind die Top 3 Design Skills für Claude Code & Codex 1. 2. 3. #claude #codex #design #kidesign #ki
0:55

Das sind die Top 3 Design Skills für Claude Code & Codex 1. 2. 3. #claude #codex #design #kidesign #ki

Felix | Ai & Lifestyle

144,800 次观看 • 5 个月前

top 10 claude code design skills
20:06

top 10 claude code design skills

Chase AI

175,400 次观看 • 7 个月前

top 7 claude design skills
1:58

top 7 claude design skills

Chase AI

61,500 次观看 • 25 天前

3 Claude skills to design UI with a taste 🤌🏼
0:24

3 Claude skills to design UI with a taste 🤌🏼

Jan Mraz

13,350 次观看 • 7 天前

Just open-sourced Open Design Skills 🚀 Your Claude Code still ships ugly web pages. With this design system, any landing page, slide deck, letter, resume, or portfolio gets a world-class, magazine-grade look ✉️.
0:21

Just open-sourced Open Design Skills 🚀 Your Claude Code still ships ugly web pages. With this design system, any landing page, slide deck, letter, resume, or portfolio gets a world-class, magazine-grade look ✉️.

Tom Huang

104,142 次观看 • 6 个月前

MOST PEOPLE USING CLAUDE CODE ARE LEAVING 90% OF ITS DESIGN SKILLS ON THE TABLE Same Claude. Same model. Completely different results. Out of the box, Claude Code builds websites that look… fine. Clean. Functional. Forgettable. But give it the right web-design skills and suddenly it starts building pages that look like a $5,000 agency made them. And here’s the crazy part: Those skills are completely FREE. They’re sitting on GitHub right now, and almost nobody is using them. I found the exact setup that turns Claude Code from an average website builder into a serious design machine. The skills + workflow are in the article below. Once you install them, going back to default Claude feels broken.
0:24

MOST PEOPLE USING CLAUDE CODE ARE LEAVING 90% OF ITS DESIGN SKILLS ON THE TABLE Same Claude. Same model. Completely different results. Out of the box, Claude Code builds websites that look… fine. Clean. Functional. Forgettable. But give it the right web-design skills and suddenly it starts building pages that look like a $5,000 agency made them. And here’s the crazy part: Those skills are completely FREE. They’re sitting on GitHub right now, and almost nobody is using them. I found the exact setup that turns Claude Code from an average website builder into a serious design machine. The skills + workflow are in the article below. Once you install them, going back to default Claude feels broken.

Romario

67,373 次观看 • 3 个月前

Stop making boring designs with Claude Code. Master these 3 skills!
0:23

Stop making boring designs with Claude Code. Master these 3 skills!

nateherkai

774,000 次观看 • 6 个月前

Figma just gave AI agents the canvas. Claude Code can now design directly in Figma via MCP + Skills👇
0:32

Figma just gave AI agents the canvas. Claude Code can now design directly in Figma via MCP + Skills👇

Min Choi

49,268 次观看 • 7 个月前

3 Claude Skills for UX/UI Designers, part 2 1. /figma-generate-design for auto-layout Figma designs using Fable 5.2 2. /interaction-design-skills for meaningful interactions, microinteractions, and UI animations 3. /design-system-by-blue for creating design system tokens, components, and patterns #ui #figma #claude #appdesign #claudeskills
0:23

3 Claude Skills for UX/UI Designers, part 2 1. /figma-generate-design for auto-layout Figma designs using Fable 5.2 2. /interaction-design-skills for meaningful interactions, microinteractions, and UI animations 3. /design-system-by-blue for creating design system tokens, components, and patterns #ui #figma #claude #appdesign #claudeskills

Jan Mraz | UX UI designer

20,300 次观看 • 3 天前

Si tu web con IA quedó genérica no es culpa de la IA, le faltan estas 3 skills de Claude Code #claudecode #desarrolloweb #ia #diseñoweb #programacion
1:21

Si tu web con IA quedó genérica no es culpa de la IA, le faltan estas 3 skills de Claude Code #claudecode #desarrolloweb #ia #diseñoweb #programacion

NotFound

77,500 次观看 • 4 个月前

we rebuilt Claude Design within and Claude Code from the ground up! it works everywhere: CLI, Desktop, web, Tag. Slides and Design are now separate — they're better that way! check out this video Claude made for the occasion...
0:35

we rebuilt Claude Design within and Claude Code from the ground up! it works everywhere: CLI, Desktop, web, Tag. Slides and Design are now separate — they're better that way! check out this video Claude made for the occasion...

nate parrott

66,413 次观看 • 1 个月前

ANTHROPIC 🔥: Claude Code got a new /design command in research preview! Design in Claude Code adds an artboard workflow from Claude Design to help users build editable UIs. CCD 👀
0:40

ANTHROPIC 🔥: Claude Code got a new /design command in research preview! Design in Claude Code adds an artboard workflow from Claude Design to help users build editable UIs. CCD 👀

🚨 AI News | TestingCatalog

72,492 次观看 • 2 个月前

Using Claude code to create branded PDFs for my business - from scratch! No design skills or coding knowledge. Should I do a demo? #claude #claudecode #agents #ai
0:21

Using Claude code to create branded PDFs for my business - from scratch! No design skills or coding knowledge. Should I do a demo? #claude #claudecode #agents #ai

Minisha | AI for business

12,400 次观看 • 8 个月前

5 skills reales para Claude Code que evitan que tu UI se vea genérica. Los nombres exactos, uno por uno: frontend-design (Anthropic), ui-ux-pro-max-skill , emil-design-eng , huashu-design , web-design-guidelines (Vercel). Todos verificados en GitHub, ninguno inventado. ¿Cuál vas a probar primero? #programacion #desarrolloweb #claudecode #diseñoux #devtools
1:07

5 skills reales para Claude Code que evitan que tu UI se vea genérica. Los nombres exactos, uno por uno: frontend-design (Anthropic), ui-ux-pro-max-skill , emil-design-eng , huashu-design , web-design-guidelines (Vercel). Todos verificados en GitHub, ninguno inventado. ¿Cuál vas a probar primero? #programacion #desarrolloweb #claudecode #diseñoux #devtools

Harys Vizcaino

117,200 次观看 • 4 个月前

Claude Opus 5 is crazy for web design. Prompt ↓
0:24

Claude Opus 5 is crazy for web design. Prompt ↓

Ahmed

53,538 次观看 • 3 个月前

Comment "CLAUDE" and follow me to get free Claude lessons. 5 Claude Code skills every beginner needs to install right now. All free, all installed by telling Claude to do it. 1. Frontend Design. Stops Claude from building generic AI-looking interfaces. Type /plugin, search frontend design, install. 2. Simplify. After Claude writes code, this spawns 3 agents to review it for quality and fix everything automatically. Type /simplify after any coding task. 3. Skill Creator. Tell it what workflow you want to automate and it generates the whole skill for you, including evals. Type /skill-creator. 4. Webapp Testing. Gives Claude a real browser so it tests your app. Type /plugin, search webapp testing, install. 5. MCP Builder. Teaches Claude how to connect to any API or tool you use. Type /plugin, search MCP builder, install. 3 of these are already built into Claude Code. The other 2 are one click away in the plugin marketplace. What are the best Claude Code skills to install? How do I make Claude Code build better websites? How do I test web apps with Claude Code? #ai #claudeai #coding #aitools #productivity
0:51

Comment "CLAUDE" and follow me to get free Claude lessons. 5 Claude Code skills every beginner needs to install right now. All free, all installed by telling Claude to do it. 1. Frontend Design. Stops Claude from building generic AI-looking interfaces. Type /plugin, search frontend design, install. 2. Simplify. After Claude writes code, this spawns 3 agents to review it for quality and fix everything automatically. Type /simplify after any coding task. 3. Skill Creator. Tell it what workflow you want to automate and it generates the whole skill for you, including evals. Type /skill-creator. 4. Webapp Testing. Gives Claude a real browser so it tests your app. Type /plugin, search webapp testing, install. 5. MCP Builder. Teaches Claude how to connect to any API or tool you use. Type /plugin, search MCP builder, install. 3 of these are already built into Claude Code. The other 2 are one click away in the plugin marketplace. What are the best Claude Code skills to install? How do I make Claude Code build better websites? How do I test web apps with Claude Code? #ai #claudeai #coding #aitools #productivity

Sabrina Ramonov 🍄

128,000 次观看 • 7 个月前

Claude is actually a beast for web design. this guy just dropped a full guide on how to design and build interactive animated 3D websites with Claude Code watch the video and read the full guidelines on the article below
13:31

Claude is actually a beast for web design. this guy just dropped a full guide on how to design and build interactive animated 3D websites with Claude Code watch the video and read the full guidelines on the article below

Rahul

63,411 次观看 • 3 个月前

this is pure f*cking treasure ex.Antrophic engineer put together 20 GitHub repos to build a f*cking motion empire, with 1m+ combined stars: taste: > LottieFiles/motion-design-skill: timing, easing, choreography + Disney principles > iart-ai/motion-design-skills: timing, type, color, composition, logos > frankxai/awesome-motion-design-agent-skills: curated GSAP, Motion, Remotion, Lottie, Rive > ismoshushi/awesome-opus-video-skills: index of open video skills for Opus 5.5 web motion: > whaleyxbt/claude-motion: a motion design toolkit for coding agents 06 freshtechbro/claudedesignskills: 3D, animation and interactive web > 199-biotechnologies/motion-dev-animations-skill: 120fps, springs, scroll > greensock/gsap-skills: official GSAP skills, 16.6K stars video in code: > remotion-dev/skills: Remotion's own agent skills > haidrrrry/claude-remotion-skill: B-roll, captions, sound design from one prompt > Liamrjohnston/remotion-motion-graphics-skill: production-ready Remotion graphics > wilwaldon/Claude-Code-Video-Toolkit: Remotion, Manim, screen capture, FFmpeg reels & launch: > iart-ai/motion-skills: 50 skills, 14 packs, from kinetic type to WebGL > kaventro/motion-designer: your real UI, cut to music, rendered locally > Sunwood-ai-labs/hyperframes-motion-reel-skill: beat-synced reels, 120 BPM, 60 FPS > charlie947/motion-graphics-skills: 13 skills, launch-grade, no After Effects opus 5.5 pipeline: > howseen-ai/claude-motion-design: pure-code video, HTML + Playwright + ffmpeg > tuzhechen2005/opus-video-skills: hand-painted animation, kinetic type > siyuanfeng636-cpu/agentic-motion-graphics: code-to-video with Whisper + TTS > Lob0Garou/opus-visual-motion-engine: deterministic seek(t), render QA, MP4 export start at floor 01. then climb.
0:21

this is pure f*cking treasure ex.Antrophic engineer put together 20 GitHub repos to build a f*cking motion empire, with 1m+ combined stars: taste: > LottieFiles/motion-design-skill: timing, easing, choreography + Disney principles > iart-ai/motion-design-skills: timing, type, color, composition, logos > frankxai/awesome-motion-design-agent-skills: curated GSAP, Motion, Remotion, Lottie, Rive > ismoshushi/awesome-opus-video-skills: index of open video skills for Opus 5.5 web motion: > whaleyxbt/claude-motion: a motion design toolkit for coding agents 06 freshtechbro/claudedesignskills: 3D, animation and interactive web > 199-biotechnologies/motion-dev-animations-skill: 120fps, springs, scroll > greensock/gsap-skills: official GSAP skills, 16.6K stars video in code: > remotion-dev/skills: Remotion's own agent skills > haidrrrry/claude-remotion-skill: B-roll, captions, sound design from one prompt > Liamrjohnston/remotion-motion-graphics-skill: production-ready Remotion graphics > wilwaldon/Claude-Code-Video-Toolkit: Remotion, Manim, screen capture, FFmpeg reels & launch: > iart-ai/motion-skills: 50 skills, 14 packs, from kinetic type to WebGL > kaventro/motion-designer: your real UI, cut to music, rendered locally > Sunwood-ai-labs/hyperframes-motion-reel-skill: beat-synced reels, 120 BPM, 60 FPS > charlie947/motion-graphics-skills: 13 skills, launch-grade, no After Effects opus 5.5 pipeline: > howseen-ai/claude-motion-design: pure-code video, HTML + Playwright + ffmpeg > tuzhechen2005/opus-video-skills: hand-painted animation, kinetic type > siyuanfeng636-cpu/agentic-motion-graphics: code-to-video with Whisper + TTS > Lob0Garou/opus-visual-motion-engine: deterministic seek(t), render QA, MP4 export start at floor 01. then climb.

NO1ennn

19,287 次观看 • 27 天前

Want to know how to vibe code games like these? - ThreeJS Claude Code / Codex Agent Skills - Nano Bana Pro - Game Design + Technical Design Specs - Opus 4.5 / Gpt 5.2 Here's my FULL step-by-step workflow 👇 Source code + agent .mds + playable links in reply
39:56

Want to know how to vibe code games like these? - ThreeJS Claude Code / Codex Agent Skills - Nano Bana Pro - Game Design + Technical Design Specs - Opus 4.5 / Gpt 5.2 Here's my FULL step-by-step workflow 👇 Source code + agent .mds + playable links in reply

Chong-U

239,512 次观看 • 10 个月前

3 skill gratuites pour améliorer le design de Claude github.com/emilkowalski/skills github.com/pbakaus/impeccable github.com/Leonxlnx/taste-skill #claude #claudedesign #site #astuce #skill
0:43

3 skill gratuites pour améliorer le design de Claude github.com/emilkowalski/skills github.com/pbakaus/impeccable github.com/Leonxlnx/taste-skill #claude #claudedesign #site #astuce #skill

unefille.ia | Actu & Tutos IA

60,100 次观看 • 10 天前