正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Claude Code is not just a coding tool. It can also be used as a general agent in a "workspace" Let's create an "Agent Workspace" for Claude Code, and we're going to create 5 skills including: > Notion for context > Typefully for posting on X > Nano Banana... for generating graphics We're going to do all this in a safe web environment on , the easiest way to use Claude Code on the browser or your phone. (Web app builder launching in 24hrs) TIMESTAMPS: 00:00 Intro 00:59 The Agent Workspace on 01:28 Adding a notion skill + Integration 07:23 Testing Notion Integration 08:17 Creating Tasks in the dashboard 09:19 Testing Tasks in the UI 13:40 Testing Multiple tasks at once 14:20 Creating Twitter Posts Panel (Typefully API) 15:44 Prompting for the nano banana skill 16:59 Testing Typefully and nano banana tasks 18:22 Let's check if typefully and nano banana work 19:54 Almost had a heart attack lol 20:59 figuring out typefully inssues 21:26 Creating "Twitter-Post-Skill" 22:23 All the Skills a Breakdown 23:37 It Works!!!!!show more

Riley Brown

168,887 subscribers

77,310 次观看 • 5 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

No Netflix this Sunday, instead Spend 50 minutes on this Claude tutorial (You’ll learn how to build Claude Skills from scratch) Chapters: 0:00 - Full Claude Skills Guide 0:41 - What are Claude Skills 10:16 - Using Claude Cowork 11:12 - What are Connectors 12:52 - Claude’s Skill Creator 14:07 - The First Claude Skill Idea 14:55 - Installing DBS Framework 15:51 - Creating a Skill using Claude 20:00 - Testing the Skills on Claude 22:10 - Reviewing Skill Evaluations 23:12 - First Claude Skill Complete 24:00 - Using the Claude Skill 25:35 - Complex Claude Skill Idea 27:00 - Enabling Gamma 27:35 - Creating the Complex Claude Skill 29:14 - Answering Claude’s Questions 30:59 - Adding Brand Guide to References 32:05 - Reviewing Skill Draft 32:46 - Testing New Claude Skill 35:40 - Editing the Claude Skill 36:50 - Reviewing Skill Edits 38:10 - Finalizing the Claude Skill 39:30 - Using the Presentation Skill Live 42:15 - Scheduling a Claude Skill 43:55 - Organizing Skills in Departments 45:28 - The Best Way to Master Claude Skills

ZARA

78,605 次观看 • 1 个月前

Claude Code is the best coding agent AND general agent in the world. Let's talk about: - Setting up Claude Code - Using it as a general agent (Research + Content) - Claude Code + Obsidian - Building and deploying web apps Vercel GitHub - Database + Auth Firebase TIMESTAMPS: 00:00 Intro 00:44 Installing Claude Code 03:39 Creating Folders and Text Files 04:35 Using Claude Code as a Content Research Agent with Obsidian 18:06 Review: It's a general agent, that can control your cpu 19:02 Building Apps with Claude Code 21:36 Bypassing Permissions (Dangerously) 22:45 Creating a landing page 25:08 Setting up and "Saving" to GitHub 30:27 Deploying to Vercel 32:32 Building a web app with auth and db (Firebase) 35:03 Setting up Firebase 38:58 Our Web App With Auth Works! 42:55 You can add your own domain

Claude Code is the best coding agent AND general agent in the world. Let's talk about: - Setting up Claude Code - Using it as a general agent (Research + Content) - Claude Code + Obsidian - Building and deploying web apps Vercel GitHub - Database + Auth Firebase TIMESTAMPS: 00:00 Intro 00:44 Installing Claude Code 03:39 Creating Folders and Text Files 04:35 Using Claude Code as a Content Research Agent with Obsidian 18:06 Review: It's a general agent, that can control your cpu 19:02 Building Apps with Claude Code 21:36 Bypassing Permissions (Dangerously) 22:45 Creating a landing page 25:08 Setting up and "Saving" to GitHub 30:27 Deploying to Vercel 32:32 Building a web app with auth and db (Firebase) 35:03 Setting up Firebase 38:58 Our Web App With Auth Works! 42:55 You can add your own domain

Riley Brown

207,573 次观看 • 10 个月前

This week we introduced Google Antigravity, a new agentic development platform where agents operate across the editor, terminal, and browser. Check out this tutorial to get started. Highlights: 00:00 Overview 00:44 Agent Manager, editor, browser 01:48 Agent-assisted development 02:15 Initial prompt and implementation 03:30 Artifacts for agent accountability 05:09 Antigravity browser extension 06:12 Parallel tasks via the Inbox 06:40 Nano Banana image generation integration 08:08 Artifact review 11:18 Testing application 12:47 Walkthrough

This week we introduced Google Antigravity, a new agentic development platform where agents operate across the editor, terminal, and browser. Check out this tutorial to get started. Highlights: 00:00 Overview 00:44 Agent Manager, editor, browser 01:48 Agent-assisted development 02:15 Initial prompt and implementation 03:30 Artifacts for agent accountability 05:09 Antigravity browser extension 06:12 Parallel tasks via the Inbox 06:40 Nano Banana image generation integration 08:08 Artifact review 11:18 Testing application 12:47 Walkthrough

Google AI Developers

42,509 次观看 • 6 个月前

Wow... Claude Code might kill the entire Saas market He built his own PersonalOS with 5 functional apps in 19 minutes. The Apps: > LinkTree > X Video Downloader > Tally > Bear Note > AI Content Writer All Built using Claude Code w Opus 4.5 inside the vibecode.dev new web app builder, then he deployed it with password protection in one click. TIMESTAMPS: 00:00 Intro 00:54 Starting prompt on vibecode.dev 02:29 Claude Code is Working 02:48 A look at the Database 04:09 Testing Linktree 05:34 Testing Notes App 06:53 Testing Tally 08:19 Testing Video Downloader (Now it works) 09:20 Making the Personal OS look better 10:10 Generating App Icons 13:27 Adding Content Writer Mini App 15:16 Testing Video App 17:32 Deploying to the Internet

Wow... Claude Code might kill the entire Saas market He built his own PersonalOS with 5 functional apps in 19 minutes. The Apps: > LinkTree > X Video Downloader > Tally > Bear Note > AI Content Writer All Built using Claude Code w Opus 4.5 inside the vibecode.dev new web app builder, then he deployed it with password protection in one click. TIMESTAMPS: 00:00 Intro 00:54 Starting prompt on vibecode.dev 02:29 Claude Code is Working 02:48 A look at the Database 04:09 Testing Linktree 05:34 Testing Notes App 06:53 Testing Tally 08:19 Testing Video Downloader (Now it works) 09:20 Making the Personal OS look better 10:10 Generating App Icons 13:27 Adding Content Writer Mini App 15:16 Testing Video App 17:32 Deploying to the Internet

Vibecoding Explained

52,722 次观看 • 4 个月前

This is insane! I just used the new Claude Code Playground plugin to level up my Nano Banana Image generator skill. My skill has a self-improving loop, but with the playground skill, I can also pass precise annotations to nano banana as it improves the images. It's so good!

This is insane! I just used the new Claude Code Playground plugin to level up my Nano Banana Image generator skill. My skill has a self-improving loop, but with the playground skill, I can also pass precise annotations to nano banana as it improves the images. It's so good!

elvis

286,245 次观看 • 4 个月前

I gave Claude a skill to create presentations: Nano Banana Pro for the slides, Kling for transitions, and Eleven Labs for voiceover Then I asked it to explain what Skills are. Here's the result:

I gave Claude a skill to create presentations: Nano Banana Pro for the slides, Kling for transitions, and Eleven Labs for voiceover Then I asked it to explain what Skills are. Here's the result:

Miguel | AP

271,252 次观看 • 5 个月前

Nano Banana 2 + Claude Code can generate 40 static ads in one shot. You just paste in a brand URL and let it rip. 00:00 Intro 00:34 Setting up the project 02:17 Building the skill file 05:01 Adding 40 ad templates 06:32 FAL AI image generation setup 10:47 Running the full workflow 15:23 Results & final outputs 17:17 Where to get the full Playbook 👇

Mike Futia

97,599 次观看 • 3 个月前

In 16 minutes we vibe coded a Web App and a Mobile App.... That share a backend Using Claude Code inside the Without writing a single line of code. App we built: instagram, except all the other users are AI agents that can post, like and comment. 00:00 Introduction 00:33 Starting with the Web App 01:08 First Prompt and Initial Setup 01:43 Authentication Process 02:49 Adding APIs and Enhancements 03:59 Testing the Web App 05:04 Redesigning the Web App 05:59 The Importance of Understanding Databases 07:20 Adding AI Agents 08:44 Setting Up the Admin Panel 10:02 Speeding Up Time for Testing 11:14 Finalizing the Web App 13:24 Building the Mobile App 16:11 Final Thoughts

In 16 minutes we vibe coded a Web App and a Mobile App.... That share a backend Using Claude Code inside the Without writing a single line of code. App we built: instagram, except all the other users are AI agents that can post, like and comment. 00:00 Introduction 00:33 Starting with the Web App 01:08 First Prompt and Initial Setup 01:43 Authentication Process 02:49 Adding APIs and Enhancements 03:59 Testing the Web App 05:04 Redesigning the Web App 05:59 The Importance of Understanding Databases 07:20 Adding AI Agents 08:44 Setting Up the Admin Panel 10:02 Speeding Up Time for Testing 11:14 Finalizing the Web App 13:24 Building the Mobile App 16:11 Final Thoughts

Riley Brown

68,152 次观看 • 4 个月前

I'm SO impressed by Claude Skills. They are the best way to package custom instructions (and code) for the agent to access. (I prefer this to Claude Code's subagents because of the way it handles context) I used the skill-creator skill (comes default inside Claude) to create a skill for designing a presentation like Steve Jobs or Seth Godin, then used that skill to create a PPT about Claude Code. Below is a walkthrough of the results. The output when using the above mentioned skill vs when i don't is so clear. I'm bullish on what this implies for both Claude web and Claude Code. Extremely powerful. Anthropic cooked! 🔥

I'm SO impressed by Claude Skills. They are the best way to package custom instructions (and code) for the agent to access. (I prefer this to Claude Code's subagents because of the way it handles context) I used the skill-creator skill (comes default inside Claude) to create a skill for designing a presentation like Steve Jobs or Seth Godin, then used that skill to create a PPT about Claude Code. Below is a walkthrough of the results. The output when using the above mentioned skill vs when i don't is so clear. I'm bullish on what this implies for both Claude web and Claude Code. Extremely powerful. Anthropic cooked! 🔥

Nityesh

62,918 次观看 • 7 个月前

You can now delegate tasks to Claude Code directly from Slack. Simply tag @.Claude in a channel or thread. Coding tasks will automatically be routed to Claude Code and start up a new session on the web.

You can now delegate tasks to Claude Code directly from Slack. Simply tag @.Claude in a channel or thread. Coding tasks will automatically be routed to Claude Code and start up a new session on the web.

Claude

326,142 次观看 • 6 个月前

Here's a full video walkthrough of generating FF Tactics-style isometric sprites → Codex → GPT 5.4 → GPT Image 1.5 → Nano Banana 2 → Veo 3.1 I also made a fal .ai skill to easily switch models for image generation testing. Sharing skills + prompts + resources in reply 👇 00:00 Intro 01:19 Start With Reference Image 04:06 GPT Image 1.5 vs Nano Banana 2 04:23 Handling Transparency 05:21 Don't Generate All 8 Directions 06:17 Generate 4 Cardinal Directions (N, E, S, W) 07:12 Anchor + Cardinals = Diagonals 08:15 Stitching and Utilities 10:48 Veo 3.1 for Walk Cycles 11:23 Example Walkthrough with Codex App 13:22 Normalize and Export 14:06 Wrap Up

Here's a full video walkthrough of generating FF Tactics-style isometric sprites → Codex → GPT 5.4 → GPT Image 1.5 → Nano Banana 2 → Veo 3.1 I also made a fal .ai skill to easily switch models for image generation testing. Sharing skills + prompts + resources in reply 👇 00:00 Intro 01:19 Start With Reference Image 04:06 GPT Image 1.5 vs Nano Banana 2 04:23 Handling Transparency 05:21 Don't Generate All 8 Directions 06:17 Generate 4 Cardinal Directions (N, E, S, W) 07:12 Anchor + Cardinals = Diagonals 08:15 Stitching and Utilities 10:48 Veo 3.1 for Walk Cycles 11:23 Example Walkthrough with Codex App 13:22 Normalize and Export 14:06 Wrap Up

Chong-U

192,894 次观看 • 2 个月前

Here's the full video on using Claude Code Skills with Nano Banana Pro and ThreeJS. I've also made the both Claude skills + prompts + source code FREE (check reply) Enjoy!

Here's the full video on using Claude Code Skills with Nano Banana Pro and ThreeJS. I've also made the both Claude skills + prompts + source code FREE (check reply) Enjoy!

Chong-U

147,256 次观看 • 5 个月前

Claude Code, explained by Claude Powered by a presentation skill using Nano Banana Pro, Kling, and Eleven Labs

Claude Code, explained by Claude Powered by a presentation skill using Nano Banana Pro, Kling, and Eleven Labs

Miguel | AP

25,209 次观看 • 5 个月前

I forked Claude's pptx skill to make Claude Code generate gorgeous presentations Claude can generate presentations using the pptx skill from Anthropic but its output can be quite bland. Especially if you're used to the high aesthetic standards of Every 📧. So I played around with the pptx skill, iterated it, built a design system, gave it image assets, gave it access to run nano-banana using api and added custom commands. End result? An every-pptx plugin! It takes you from an idea in your head → creating a file for the plan → preparing image assets using gemini nano banana → constructing the final ppt. All happening 100% inside Claude desktop app! s/o Anthony Morris ツ Now our team can use claude code to generate full-blown presentations, in the ~Every 📧 aesthetic. Check out the walkthrough below to see how it works.

I forked Claude's pptx skill to make Claude Code generate gorgeous presentations Claude can generate presentations using the pptx skill from Anthropic but its output can be quite bland. Especially if you're used to the high aesthetic standards of Every 📧. So I played around with the pptx skill, iterated it, built a design system, gave it image assets, gave it access to run nano-banana using api and added custom commands. End result? An every-pptx plugin! It takes you from an idea in your head → creating a file for the plan → preparing image assets using gemini nano banana → constructing the final ppt. All happening 100% inside Claude desktop app! s/o Anthony Morris ツ Now our team can use claude code to generate full-blown presentations, in the ~Every 📧 aesthetic. Check out the walkthrough below to see how it works.

Nityesh

74,875 次观看 • 5 个月前

The Codex Super-App (Full Beginners Guide) The All Purpose Interface for AI Agents Part 1: Codex Basics Install Codex, Projects, Chats, Documents, Plugins, Custom Skills, Automations Part 2: Multitasking with Codex - iOS App Designs - Build an iOS App - Landing Page - Launch Video - Investor Deck - Social Media Automation TIMESTAMPS: Part 1: Codex Basics 00:00 Intro 02:54 Downloading Codex 03:20 Overview of Codex interface 03:56 Chats, Prompting, & Built in Search 04:53 Creating Projects 07:37 Creating Spreadsheet 09:43 How Files are stored and mentioned within projects 10:42 Quick Codex Overview 12:47 Search (CMD G) and Folder Organization 14:29 Skills and Plugins 16:29 Using Calendar Plugin 18:07 Creating Automations on Codex 19:18 Learn about Plugins (Figma) 21:37 Built in Image Gen 22:37 MCP Example (Paper for Design) 24:17 Opening Chats in mini-window 25:26 Steering vs Queueing the Agent 27:35 Creating Own Skill with API's 31:34 Using YouTube Researcher Skill (That we created) 33:24 Creating Automation with your custom skill Part 2: Multitasking (More chaotic and fun) 35:27 Part 2 Multitasking: Building iOS App, Web App, Investor Deck, Launch Video, Mobile Designs, and Automated X Posts 37:54 Creating Project 38:31 Planning my 6 Projects 40:25 Mobile Design Skill 41:47 Setting up iOS App 45:08 Implementing Desings into Mobile app 46:13 Creating a landing page that collects user info 46:45 Tally for form submission (Great for lead magnets) 49:43 Organizing and Renaming Chats for multitasking 52:12 Database for Mobile App (Supabase) 53:19 Generating app icons 54:08 Launch Video (Remotion) 59:32 Remotion Video Timeline and Seeing the Video Editor 01:05:37 Editing instructions for Remotion (Gridlines) 01:07:11 Editing Web App 01:09:46 Using CLAUDE CODE Inside Codex for Design (Terminal) 01:17:20 Forking a Chat to create investor deck 01:19:09 Using Claude 4.7 Opus for Designing Deck 01:20:22 Testing Canva Export (It's good) 01:22:33 Running Mobile App on Actual Phone (Not Simulator) 01:28:58 Finishing up All Projects (Mobile App, Landing Page Launch Video) 01:31:56 Exporting Deck and making changes in Canva 01:33:13 Deploy to Vercel using the Vercel Plugin 01:33:44 Adding Song to Remotion Video 01:35:26 Setting up x Post automations (Typefully) 01:37:57 Our App is on Testflight! 01:39:58 Final Remotion Video 01:41:04 Final Thoughts, Reflections, Summary

The Codex Super-App (Full Beginners Guide) The All Purpose Interface for AI Agents Part 1: Codex Basics Install Codex, Projects, Chats, Documents, Plugins, Custom Skills, Automations Part 2: Multitasking with Codex - iOS App Designs - Build an iOS App - Landing Page - Launch Video - Investor Deck - Social Media Automation TIMESTAMPS: Part 1: Codex Basics 00:00 Intro 02:54 Downloading Codex 03:20 Overview of Codex interface 03:56 Chats, Prompting, & Built in Search 04:53 Creating Projects 07:37 Creating Spreadsheet 09:43 How Files are stored and mentioned within projects 10:42 Quick Codex Overview 12:47 Search (CMD G) and Folder Organization 14:29 Skills and Plugins 16:29 Using Calendar Plugin 18:07 Creating Automations on Codex 19:18 Learn about Plugins (Figma) 21:37 Built in Image Gen 22:37 MCP Example (Paper for Design) 24:17 Opening Chats in mini-window 25:26 Steering vs Queueing the Agent 27:35 Creating Own Skill with API's 31:34 Using YouTube Researcher Skill (That we created) 33:24 Creating Automation with your custom skill Part 2: Multitasking (More chaotic and fun) 35:27 Part 2 Multitasking: Building iOS App, Web App, Investor Deck, Launch Video, Mobile Designs, and Automated X Posts 37:54 Creating Project 38:31 Planning my 6 Projects 40:25 Mobile Design Skill 41:47 Setting up iOS App 45:08 Implementing Desings into Mobile app 46:13 Creating a landing page that collects user info 46:45 Tally for form submission (Great for lead magnets) 49:43 Organizing and Renaming Chats for multitasking 52:12 Database for Mobile App (Supabase) 53:19 Generating app icons 54:08 Launch Video (Remotion) 59:32 Remotion Video Timeline and Seeing the Video Editor 01:05:37 Editing instructions for Remotion (Gridlines) 01:07:11 Editing Web App 01:09:46 Using CLAUDE CODE Inside Codex for Design (Terminal) 01:17:20 Forking a Chat to create investor deck 01:19:09 Using Claude 4.7 Opus for Designing Deck 01:20:22 Testing Canva Export (It's good) 01:22:33 Running Mobile App on Actual Phone (Not Simulator) 01:28:58 Finishing up All Projects (Mobile App, Landing Page Launch Video) 01:31:56 Exporting Deck and making changes in Canva 01:33:13 Deploy to Vercel using the Vercel Plugin 01:33:44 Adding Song to Remotion Video 01:35:26 Setting up x Post automations (Typefully) 01:37:57 Our App is on Testflight! 01:39:58 Final Remotion Video 01:41:04 Final Thoughts, Reflections, Summary

Riley Brown

427,112 次观看 • 1 个月前

You can now add Claude Code to any vibe coded app. We just launched the new Claude Code integration on vibecode.dev. Which allows you to build fully Agentic Applications. In a single prompt, with no API Key. Here's is an example and tutorial: 0:00 - Claude Code for Twitter Example 01:52 - Building the Claude Code for Motion Graphics

You can now add Claude Code to any vibe coded app. We just launched the new Claude Code integration on vibecode.dev. Which allows you to build fully Agentic Applications. In a single prompt, with no API Key. Here's is an example and tutorial: 0:00 - Claude Code for Twitter Example 01:52 - Building the Claude Code for Motion Graphics

Riley Brown

30,119 次观看 • 4 个月前

Here's a step-by-step video tutorial of how I vibe coded my point & click adventure game! → 1. Nano Banana Pro → 2. Meshy → 3. Codex 5.3 → 4. Capacitor This part 1 covers: → Generate 3D models → ThreeJS integration → Building for iOS Agent skills + prompts in reply! --- 00:00 Intro 01:40 What We'll Be Building 02:08 Step 1: Nano Banana Pro for Character Art 04:36 Step 2: Meshy for Image to 3D 09:51 Step 3: GLB Export 12:14 Step 4: ThreeJS Skill for GLB Index 15:56 Step 5: ThreeJS Skill for Scene 18:07 Step 6: CapacitorJS Skill for Mobile 19:41 Step 7: Build for iOS 21:06 Wrap Up

Here's a step-by-step video tutorial of how I vibe coded my point & click adventure game! → 1. Nano Banana Pro → 2. Meshy → 3. Codex 5.3 → 4. Capacitor This part 1 covers: → Generate 3D models → ThreeJS integration → Building for iOS Agent skills + prompts in reply! --- 00:00 Intro 01:40 What We'll Be Building 02:08 Step 1: Nano Banana Pro for Character Art 04:36 Step 2: Meshy for Image to 3D 09:51 Step 3: GLB Export 12:14 Step 4: ThreeJS Skill for GLB Index 15:56 Step 5: ThreeJS Skill for Scene 18:07 Step 6: CapacitorJS Skill for Mobile 19:41 Step 7: Build for iOS 21:06 Wrap Up

Chong-U

105,101 次观看 • 4 个月前

Skills allow you to extend Claude Code in new ways using pre-packaged instructions and code. For example, add the docx skill to let Claude Code create word documents. I think skills make Claude Code even better as a general purpose agent, I'm excited to see how you use them!

Skills allow you to extend Claude Code in new ways using pre-packaged instructions and code. For example, add the docx skill to let Claude Code create word documents. I think skills make Claude Code even better as a general purpose agent, I'm excited to see how you use them!

Thariq

127,899 次观看 • 8 个月前

Wow... Claude Code is is going to disrupt software... A $1B+ company Krea, released the best interface for Nano Banana, but it's WAY too expensive. So I cloned it in 25 minutes using Claude Code on . I filmed the whole thing (releasing soon) More info ↓

Wow... Claude Code is is going to disrupt software... A $1B+ company Krea, released the best interface for Nano Banana, but it's WAY too expensive. So I cloned it in 25 minutes using Claude Code on . I filmed the whole thing (releasing soon) More info ↓

Riley Brown

145,693 次观看 • 5 个月前

I used the new ChatGPT image model to redesign Claude into "VibeChat". I used: gpt4o - to design cursor - to vibe code suno - to add some songs claude - ai agent model timestamps 00:00 Introduction to the GPT-4 Vision Model 00:42 Creating a Claude Clone 02:09 Designing the User Interface with Cursor 02:09 Setting Up the Base Template 04:22 Customizing the Aesthetics 07:03 Designing the Sidebar 08:37 Creating and Adding Icons / Logos 09:30 Finalizing the Logo 12:56 Adding Notepad and Music Features 14:37 Testing and Refining Features 15:39 Final Touches and Adjustments 16:25 Vibe Chat Overview

Riley Brown

27,314 次观看 • 1 年前