Skills in Claude Code Desktop: Architecture and Execution Runtime

This ad is not shown to multipass and full ticket holders
React Advanced
React Advanced 2026
October 23 - 26, 2026
London, UK & Online
Upcoming event
React Advanced 2026
React Advanced 2026
October 23 - 26, 2026. London, UK & Online
Bookmark
Rate this content
Sentry
Promoted
Code breaks, fix it faster

Crashes, slowdowns, regressions in prod. Seer by Sentry unifies traces, replays, errors, profiles to find root causes fast.

Get started
A technical breakdown of how the Claude Code Desktop runtime discovers, loads, and executes Skills. We'll cover the SKILL.md spec beyond the basics, frontmatter parsing, description-based triggering, file system scoping, and how skills compose with MCP and hooks in a single session.

Then the practical side: what makes a skill trigger reliably, how to scope it without bloating context, and the common failure modes when moving from CLI to Desktop.

This talk has been presented at React Summit 2026, check out the latest edition of this React Conference.

Daniel Ávila
Daniel Ávila
25 min
16 Jun, 2026

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Daniel Avila introduces Cloud Code Desktop, a new platform simplifying Cloud Code usage. Explore features like Cowork, connectors, and plugins. Manage sessions, customize environments, and interact with Cloud efficiently. Understand skills, context, and execution in Cloud Code. Develop comprehensive skills with precise control measures. Optimize skill execution, design interfaces, and implement skills in MCPs. Enhance MCPs with Cloud Skills and advanced installation processes in Cloud Code Desktop.

1. Introduction to Cloud Code Desktop

Short description:

Daniel Avila introduces Cloud Code Desktop, a new platform by Anthropic that simplifies running Cloud Code in a user-friendly interface. Learn about its features, installation process, and running skills within the platform. Accessible for macOS and Windows, download via QR code for an interactive chat experience with Cloud's capabilities.

Hi everyone, how you doing? My name is Daniel Avila, and today I'm going to talk to you about skills in Cloud Code Desktop. Before we get started with the talk, I'm sharing my social media, so you can follow me. Here you'll find all the content I share daily. You can check it out on these social networks, and I also post different articles. I also have blogs and several open source projects you can check out.

A little about me. I've been working in technology for over 15 years, developing software, working for various companies, and I've also founded two startups. I've traveled to many countries speaking about AI agents, software development, using different language models. This time, we're going to talk very clearly about Cloud Code Desktop. This platform is basically Cloud Code, but running inside a user interface that's really easy to use. This platform is relatively new, since Anthropic launched this new platform just a couple of months ago. But today I'm going to tell you how it works, how to use it, what features it has, and most importantly, we're going to talk about how to run and install skills within this platform.

You can go to Anthropic's documentation, and you'll be able to download this platform, which is available for both macOS and Windows. You can even download it by scanning the QR code I'm showing on the screen. Scan this QR code and directly download this platform. The very first thing that you'll notice right away when you download this platform is the main chat window. This is the standard regular cloud chat interface, which is exactly the same familiar one we see every time we go to the cloud.ai website. It functions in the same way you'd expect. Throughout this interactive chat experience, you'll be able to engage directly with the capabilities of Cloud, seamlessly integrate your own NCPs, and also incorporate a variety of distinct contexts within the specific sessions you run with Cloud.

2. Exploring Cloud Code Features

Short description:

Select models in Cloud Code for mobile app or website access. Explore Cowork for project management with Cloud SDK. Focus on Cloud Code for running projects, creating routines, and customizing workspace with skills, connectors, and plugins. Customize execution environments, run Word 3, and interact with Cloud using different modes and MCPs.

You can select different models, and it's exactly the same as what we use when we access the mobile app or even the cloud website. The next section is Cowork, and this one is a bit different from the chat. In Cowork, we can run projects that we have on our computer. Cowork runs with Cloud SDK. That means it comes with all the power of cloud code, but within an interface that we can manage and run. This interface has different ways to operate, for example by creating projects or setting up scheduled tasks.

We're not going to go over Codework this time, because what we're interested in is the last tab, which is Cloud Code. In Cloud Code, we can run projects that we have on our computer. This one is a bit different from the chat. In Cloud Code, it's exactly the same platform that we run both in the console and in this user interface. We can create a new session by selecting this button right here. We can create routines. That means cloud will run at a specific time and day and will execute a task. And we can also customize the workspace environment with different skills, connectors, which are the MCPs, and also different plugins.

But first, I'd like you to see how this technology works. In this case, I can create different execution environments. These can be local environments or cloud environments, like the one I'm showing now, where you can select network access, add environment variables, and also different scripts that will run in this cloud environment. You can add different folders and select the branch you'll be working on if you have GitHub connected. You can also run Word 3. And finally, different types of execution. Plan mode, auto mode, ask permissions, all of it is included in this interface. You can also talk to cloud by selecting your microphone. And you can also select different MCPs within the text input section of Cloud Code.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Building a Voice-Enabled AI Assistant With Javascript
JSNation 2023JSNation 2023
21 min
Building a Voice-Enabled AI Assistant With Javascript
Top Content
This Talk discusses building a voice-activated AI assistant using web APIs and JavaScript. It covers using the Web Speech API for speech recognition and the speech synthesis API for text to speech. The speaker demonstrates how to communicate with the Open AI API and handle the response. The Talk also explores enabling speech recognition and addressing the user. The speaker concludes by mentioning the possibility of creating a product out of the project and using Tauri for native desktop-like experiences.
The Ai-Assisted Developer Workflow: Build Faster and Smarter Today
JSNation US 2024JSNation US 2024
31 min
The Ai-Assisted Developer Workflow: Build Faster and Smarter Today
Top Content
AI is transforming software engineering by using agents to help with coding. Agents can autonomously complete tasks and make decisions based on data. Collaborative AI and automation are opening new possibilities in code generation. Bolt is a powerful tool for troubleshooting, bug fixing, and authentication. Code generation tools like Copilot and Cursor provide support for selecting models and codebase awareness. Cline is a useful extension for website inspection and testing. Guidelines for coding with agents include defining requirements, choosing the right model, and frequent testing. Clear and concise instructions are crucial in AI-generated code. Experienced engineers are still necessary in understanding architecture and problem-solving. Energy consumption insights and sustainability are discussed in the Talk.
The Rise of the AI Engineer
React Summit US 2023React Summit US 2023
30 min
The Rise of the AI Engineer
Top Content
The rise of AI engineers is driven by the demand for AI and the emergence of ML research and engineering organizations. Start-ups are leveraging AI through APIs, resulting in a time-to-market advantage. The future of AI engineering holds promising results, with a focus on AI UX and the role of AI agents. Equity in AI and the central problems of AI engineering require collective efforts to address. The day-to-day life of an AI engineer involves working on products or infrastructure and dealing with specialties and tools specific to the field.
AI and Web Development: Hype or Reality
JSNation 2023JSNation 2023
24 min
AI and Web Development: Hype or Reality
Top Content
This talk explores the use of AI in web development, including tools like GitHub Copilot and Fig for CLI commands. AI can generate boilerplate code, provide context-aware solutions, and generate dummy data. It can also assist with CSS selectors and regexes, and be integrated into applications. AI is used to enhance the podcast experience by transcribing episodes and providing JSON data. The talk also discusses formatting AI output, crafting requests, and analyzing embeddings for similarity.
The AI-Native Software Engineer
JSNation US 2025JSNation US 2025
35 min
The AI-Native Software Engineer
Top Content
Software engineering is evolving with AI and VIBE coding reshaping work, emphasizing collaboration and embracing AI. The future roadmap includes transitioning from augmented to AI-first and eventually AI-native developer experiences. AI integration in coding practices shapes a collaborative future, with tools evolving for startups and enterprises. AI tools aid in design, coding, and testing, offering varied assistance. Context relevance, spec-driven development, human review, and AI implementation challenges are key focus areas. AI boosts productivity but faces verification challenges, necessitating human oversight. The impact of AI on code reviews, talent development, and problem-solving evolution in coding practices is significant.
Web Apps of the Future With Web AI
JSNation 2024JSNation 2024
32 min
Web Apps of the Future With Web AI
Web AI in JavaScript allows for running machine learning models client-side in a web browser, offering advantages such as privacy, offline capabilities, low latency, and cost savings. Various AI models can be used for tasks like background blur, text toxicity detection, 3D data extraction, face mesh recognition, hand tracking, pose detection, and body segmentation. JavaScript libraries like MediaPipe LLM inference API and Visual Blocks facilitate the use of AI models. Web AI is in its early stages but has the potential to revolutionize web experiences and improve accessibility.

Workshops on related topic

AI on Demand: Serverless AI
DevOps.js Conf 2024DevOps.js Conf 2024
163 min
AI on Demand: Serverless AI
Top Content
Featured WorkshopFree
Nathan Disidore
Nathan Disidore
In this workshop, we discuss the merits of serverless architecture and how it can be applied to the AI space. We'll explore options around building serverless RAG applications for a more lambda-esque approach to AI. Next, we'll get hands on and build a sample CRUD app that allows you to store information and query it using an LLM with Workers AI, Vectorize, D1, and Cloudflare Workers.
AI for React Developers
React Advanced 2024React Advanced 2024
142 min
AI for React Developers
Top Content
Featured Workshop
Eve Porcello
Eve Porcello
Knowledge of AI tooling is critical for future-proofing the careers of React developers, and the Vercel suite of AI tools is an approachable on-ramp. In this course, we’ll take a closer look at the Vercel AI SDK and how this can help React developers build streaming interfaces with JavaScript and Next.js. We’ll also incorporate additional 3rd party APIs to build and deploy a music visualization app.
Topics:- Creating a React Project with Next.js- Choosing a LLM- Customizing Streaming Interfaces- Building Routes- Creating and Generating Components - Using Hooks (useChat, useCompletion, useActions, etc)
Building Full Stack Apps With Cursor
JSNation 2025JSNation 2025
46 min
Building Full Stack Apps With Cursor
Featured Workshop
Mike Mikula
Mike Mikula
In this workshop I’ll cover a repeatable process on how to spin up full stack apps in Cursor.  Expect to understand techniques such as using GPT to create product requirements, database schemas, roadmaps and using those in notes to generate checklists to guide app development.  We will dive further in on how to fix hallucinations/ errors that occur, useful prompts to make your app look and feel modern, approaches to get every layer wired up and more!  By the end expect to be able to run your own AI generated full stack app on your machine!
Please, find the FAQ here
Vibe coding with Cline
JSNation 2025JSNation 2025
64 min
Vibe coding with Cline
Featured Workshop
Nik Pash
Nik Pash
The way we write code is fundamentally changing. Instead of getting stuck in nested loops and implementation details, imagine focusing purely on architecture and creative problem-solving while your AI pair programmer handles the execution. In this hands-on workshop, I'll show you how to leverage Cline (an autonomous coding agent that recently hit 1M VS Code downloads) to dramatically accelerate your development workflow through a practice we call "vibe coding" - where humans focus on high-level thinking and AI handles the implementation.You'll discover:The fundamental principles of "vibe coding" and how it differs from traditional developmentHow to architect solutions at a high level and have AI implement them accuratelyLive demo: Building a production-grade caching system in Go that saved us $500/weekTechniques for using AI to understand complex codebases in minutes instead of hoursBest practices for prompting AI agents to get exactly the code you wantCommon pitfalls to avoid when working with AI coding assistantsStrategies for using AI to accelerate learning and reduce dependency on senior engineersHow to effectively combine human creativity with AI implementation capabilitiesWhether you're a junior developer looking to accelerate your learning or a senior engineer wanting to optimize your workflow, you'll leave this workshop with practical experience in AI-assisted development that you can immediately apply to your projects. Through live coding demos and hands-on exercises, you'll learn how to leverage Cline to write better code faster while focusing on what matters - solving real problems.
The React Developer's Guide to AI Engineering
React Summit US 2025React Summit US 2025
96 min
The React Developer's Guide to AI Engineering
Featured WorkshopFree
Niall Maher
Niall Maher
A comprehensive workshop designed specifically for React developers ready to become AI engineers. Learn how your existing React skills—component thinking, state management, effect handling, and performance optimization—directly translate to building sophisticated AI applications. We'll cover the full stack: AI API integration, streaming responses, error handling, state persistence with Supabase, and deployment with Vercel.Skills Translation:- Component lifecycle → AI conversation lifecycle- State management → AI context and memory management- Effect handling → AI response streaming and side effects- Performance optimization → AI caching and request optimization- Testing patterns → AI interaction testing strategiesWhat you'll build: A complete AI-powered project management tool showcasing enterprise-level AI integration patterns.
Build LLM agents in TypeScript with Mastra and Vercel AI SDK
React Advanced 2025React Advanced 2025
145 min
Build LLM agents in TypeScript with Mastra and Vercel AI SDK
Featured WorkshopFree
Eric Burel
Eric Burel
LLMs are not just fancy search engines: they lay the ground for building autonomous and intelligent pieces of software, aka agents.
Companies are investing massively in generative AI infrastructures. To get their money's worth, they need developers that can make the best out of an LLM, and that could be you.
Discover the TypeScript stack for LLM-based development in this 3 hours workshop. Connect to your favorite model with the Vercel AI SDK and turn lines of code into AI agents with Mastra.ai.