Claude Skills Explained: 4 Skills to 10x Your Coding Workflow

章节 1:开篇介绍与本期视频概览

📝 本节摘要

在本节中,博主 Eric 简要介绍了本期视频的核心内容:一份关于 Claude Skills 的完整新手指南。他概述了视频将涵盖的三个主要部分:为何使用 Claude Skills、其幕后工作原理(涉及子代理和 MCP 服务器),以及分享四个能提升 10 倍生产力的实用技能。此外,Eric 还简要介绍了自己在 Amazon、AWS 和 Microsoft 担任高级软件工程师的背景,并鼓励观众订阅频道。

[原文] [Eric]: in this video I'm going to give you a complete beginner guide on claw skills

[译文] [Eric]: 在这个视频中,我将给你一份关于 Claude Skills(Claude 技能)的完整新手指南。

[原文] [Eric]: And specifically I'm going to talk about why we should use claw skills What are the three reasons why we should use it right now

[译文] [Eric]: 具体来说,我会谈谈我们为什么要使用 Claude Skills,以及我们现在应该使用它的三个理由是什么。

[原文] [Eric]: and also I'm going to talk about how claw skills work behind the scene How does it work with sub agents MCB servers and also the overall agent workflow

[译文] [Eric]: 此外,我还要讲讲 Claude Skills 在幕后是如何运作的,它如何与 Sub Agents(子代理)、MCP Servers(模型上下文协议服务器)以及整体的代理工作流协同工作。

[原文] [Eric]: and lastly I'm going to show you my top four cloud skills that actually 10x my productivity when I use Claude every single day

[译文] [Eric]: 最后,我会向你展示我最常用的四个 Claude Skills,它们实际上让我在每天使用 Claude 时生产力提高了 10 倍。

[原文] [Eric]: So by the end of this video you will become a Claw skill master not only know why to use it and when to use it but also know how you can use it to 10x your productivity with Claude

[译文] [Eric]: 所以在视频结束时,你将成为一名 Claude Skill 大师,不仅知道为什么要用它、何时用它,还知道如何利用它来将你使用 Claude 的生产力提升 10 倍。

[原文] [Eric]: So with that being said if you're interested let's get into it

[译文] [Eric]: 话虽如此,如果你感兴趣的话,让我们开始吧。

[原文] [Eric]: All right so before we jump in a quick intro for those who are new here My name is Eric and I have spent years as a senior software engineer at companies like Amazon AWS and Microsoft

[译文] [Eric]: 好的,在我们深入探讨之前,给新来的朋友做一个简短的自我介绍:我叫 Eric,我曾在 Amazon AWS 和 Microsoft 等公司担任多年的高级软件工程师。

[原文] [Eric]: And I have started this YouTube channel to share everything I have learned along the way from AI and coding to automations web 3 career developments and more all broken down into practical tutorials that you can actually follow

[译文] [Eric]: 我创办这个 YouTube 频道是为了分享我一路走来学到的所有东西,从 AI 和编程到自动化、Web 3、职业发展等等,所有内容都被分解为你可以实际跟随操作的实用教程。

[原文] [Eric]: So if you're ready to level up make sure to check out my YouTube channel and hit that subscribe button

[译文] [Eric]: 所以如果你准备好提升自己了,请务必查看我的 YouTube 频道并点击那个订阅按钮。

[原文] [Eric]: Now let's get back to the video

[译文] [Eric]: 现在让我们回到视频内容中。


章节 2:为何需要 Claude Skills?三大核心优势解析

📝 本节摘要

本节中,Eric 阐述了使用 Claude Skills 的三个关键理由。首先,它擅长处理特定的重复性任务(如前端设计),通过一次性定义规范来避免重复沟通和 AI 幻觉;其次,它能显著节省上下文(Context),通过按需调用技能而非每次发送所有系统提示词;最后,它便于分享和协作,类似于可导出的 SOP(标准作业程序),方便在团队或不同子代理(Sub-agents)间复用。

[原文] [Eric]: All right so now what I want to tell us is what's the reason why we should use claw skill

[译文] [Eric]: 好的,现在我想告诉大家我们为什么要使用 Claude Skill 的原因。

[原文] [Eric]: And the first reason why we should use it is because it's really good at doing specific and repeatable task

[译文] [Eric]: 我们应该使用它的第一个原因是,它非常擅长处理特定的、重复性的任务。

[原文] [Eric]: Let's say we have claw skill here Help us to design a nice front end Right the first time the process is going to be very painful because you have to tell Claude exactly what kind of style what kind of color what kind of typography it's going to use to create a nice perfect front end that you imagine right

[译文] [Eric]: 比如我们这里有一个 Claude Skill 帮助我们设计一个漂亮的前端。对吧,第一次的过程会非常痛苦,因为你必须确切地告诉 Claude 使用什么样的风格、什么样的颜色、什么样的排版,才能创造出你想象中那个漂亮完美的前端,对吧。

[原文] [Eric]: and also I'm going to talk about how claw skills work behind the scene How does it work with sub agents MCB servers and also the overall agent workflow

(注:此处原文逻辑稍微跳跃,但根据上下文,Eric正在解释建立Skill后的好处)

[译文] [Eric]: and after that process is done you can be able to have claw here to create a cloud skill so that you can be able to reuse it

(纠正:根据上下文流,这里接续的是复用技能的逻辑)

[译文] [Eric]: 而在那个过程完成后,你可以让 Claude 创建一个 Claude Skill,这样你就可以复用它了。

[原文] [Eric]: So the next time when you give it a prompt saying that help me to design a nice front end then claw will know exactly what kind of style what kind of typographies what kind of UI design is count as nice front end

[译文] [Eric]: 所以下一次当你给它一个提示说“帮我设计一个漂亮的前端”时,Claude 就会确切地知道什么样的风格、什么样的排版、什么样的 UI 设计才算是一个漂亮的前端。

[原文] [Eric]: So the process here is much more smooth and the AI here won't hallucinate so much because claw skills will tell AI exactly how to create those things

[译文] [Eric]: 所以这个过程会顺畅得多,而且这里的 AI 不会产生那么多幻觉(Hallucinate),因为 Claude Skills 会确切地告诉 AI 如何去创建那些东西。

[原文] [Eric]: And the second reason why we should use claw skill is that it also help you to save context because before when we don't have claw skills we will have to use claw rules which is kind of like a system prompts that we pass to claude every time we talk to cla right

[译文] [Eric]: 我们应该使用 Claude Skill 的第二个原因是,它还能帮你节省上下文(Context),因为以前当我们没有 Claude Skills 时,我们必须使用 Claude Rules,这就像是一种系统提示词,我们每次与 Claude 对话时都要传给它,对吧。

[原文] [Eric]: but the problem with claw rules is that every time when you talk to claude you had to pass all the claw rules or all the system prompts to claw agent here to basically give you the response

[译文] [Eric]: 但 Claude Rules 的问题在于,每次你和 Claude 说话时,你都必须把所有的 Claude Rules 或所有的系统提示词传给 Claude 代理,才能让它给你回应。

[原文] [Eric]: But the thing is that not all the rules are relevant to what you're asking for And that's why claw skill is really different is because now cloud will automatically pick the right skill to the request that you're asking for

[译文] [Eric]: 但问题是,并不是所有的规则都与你的请求相关。这就是为什么 Claude Skill 真的很不同,因为现在 Claude 会自动根据你的请求挑选合适的技能。

[原文] [Eric]: Right so let's say you're trying to design a nice front end Then basically cloud will find the right skills or maybe like a front-end skill or maybe like a UX UI skill that will basically help you to complete the task that's relevant to what you're asking for Okay So that will help you to save so much context during the process of using claude

[译文] [Eric]: 对,所以假设你想设计一个漂亮的前端,那么基本上 Claude 会找到合适的技能,或者是一个前端技能,或者是一个 UX/UI 技能,来帮你完成与你的请求相关的任务。好的,所以这将帮助你在使用 Claude 的过程中节省大量的上下文。

[原文] [Eric]: And the last reason why we should use claw skill is that it's also really easy to share right you can think of claw skill as like a SOP where basically creates a SOP to guide the AI on how to exactly do things right

[译文] [Eric]: 我们应该使用 Claude Skill 的最后一个原因是,它真的很容易分享,对吧,你可以把 Claude Skill 想象成一个 SOP(标准作业程序),基本上就是创建一个 SOP 来指导 AI 确切地如何做事情,对吧。

[原文] [Eric]: and what you can do is that you can basically have this cloud skill to export in a zip file so that you can share with other people right share this with other employers or co-workers

[译文] [Eric]: 你可以做的是,你可以基本上把这个 Claude Skill 导出为一个 zip 文件,这样你就可以和其他人分享,对吧,和其他雇主或同事分享这个。

[原文] [Eric]: And what you can do is that you can also create multiple sub aents and each sub aents here can have a shared same clause skills that's being created earlier that you have in your projects So it's much more easier for you to share right and also much more easier to save context and also help you automate a specific and reusable task

[译文] [Eric]: 你还可以做的是,你可以创建多个子代理(Sub-agents),每个子代理都可以共享你在项目中早期创建的同一个 Claude Skill。所以这对你来说分享起来更容易,对吧,而且也更容易节省上下文,还能帮你自动化特定的、可复用的任务。

[原文] [Eric]: So those are the three main reasons why we should use claw skills to basically improve our productivity for every time we're using claw

[译文] [Eric]: 所以这就是我们应该使用 Claude Skills 的三个主要原因,基本上是为了提高我们每次使用 Claude 时的生产力。


章节 3:技术解密:Claude Skills 的幕后运行机制

📝 本节摘要

在本节中,Eric 深入剖析了 Claude Skills 的技术架构。他解释了 Agent 的三大配置核心:系统提示词(System Prompts)、挂载技能(Equipped Skills)和 MCP 服务器(提供外部工具调用能力)。此外,他还介绍了每个 Agent 配备的虚拟环境(支持 Python/Node.js 等)及文件系统(存储 skill.md 和脚本)。最后,通过一个“填写 PDF 表单”的实例,生动演示了 Claude 如何识别用户意图、调用对应技能并执行任务的完整流程。

[原文] [Eric]: All right so now you know why we should use claw skills So now let's take a look at how it works behind the scene

[译文] [Eric]: 好的,现在你知道我们为什么要使用 Claude Skills 了,那么现在让我们来看看它在幕后是如何运作的。

[原文] [Eric]: So right here you can see that we have our agent configurations right this is going to be our clawed agents and basically inside of our configurations we have three main parts

[译文] [Eric]: 就在这里你可以看到我们要配置我们的代理(Agent),这将会是我们的 Claude 代理,基本上在我们的配置中有三个主要部分。

[原文] [Eric]: one is our core system prompts right like what I mentioned before like our claw rules uh static system prompts that will be sent to every conversation that we're going to have with claude

[译文] [Eric]: 第一部分是我们的核心系统提示词(Core System Prompts),就像我之前提到的 Claude Rules,这是静态的系统提示词,会被发送到我们与 Claude 进行的每一次对话中。

[原文] [Eric]: and then we also have our equipped skills so these are skills that we can add later on for example we can add a skill particularly that can handle PDF that can handle excel sheets that can handle like PBTX or like powerpoints right so this is our equipped skills for our clot

[译文] [Eric]: 然后我们还有挂载技能(Equipped Skills),这些是我们稍后可以添加的技能,例如我们可以添加一个专门处理 PDF 的技能,一个处理 Excel 表格的技能,或者处理 PPTX 即 PowerPoint 的技能,对吧,这就是我们为 Claude 挂载的技能。

[原文] [Eric]: and we also have our equipped MCP servers So MCP servers if you don't know what it is you can check out this video right here which I'm exactly how MCP server work

[译文] [Eric]: 我们还有挂载的 MCP 服务器(Model Context Protocol Servers)。如果你不知道 MCP 服务器是什么,你可以看看这里的这个视频,我在里面确切地解释了 MCP 服务器是如何工作的。

[原文] [Eric]: but basically you can think of MCP like a tools a list of tools that AI agent here can call for example it can be able to you know search data on the web it can be able to call like API to fetch data from like your database or like GitHub create a pull request on your behalf so those are MTB servers right

[译文] [Eric]: 但基本上你可以把 MCP 想象成工具,一个 AI 代理可以调用的工具列表,例如它可以搜寻网络上的数据,它可以调用 API 从你的数据库获取数据,或者像在 GitHub 上代表你创建一个拉取请求(Pull Request),这些就是 MCP 服务器,对吧。

[原文] [Eric]: so these are the three main key components of our agent configurations

[译文] [Eric]: 所以这些就是我们代理配置的三个主要关键组件。

[原文] [Eric]: and what happens here is that for every agent here it has a agent virtual machine and this virtual machine here has access to like bash commands have access to Python Node.js any type of language right

[译文] [Eric]: 这里发生的是,这里的每一个代理都有一个代理虚拟机(Agent Virtual Machine),这个虚拟机可以访问 Bash 命令,可以访问 Python、Node.js 等任何类型的语言,对吧。

[原文] [Eric]: and then we also have our file system and what this file system does here is that basically contains the list of contents for the skill directory So all the skills that you create that you add will be live in here inside of this file system

[译文] [Eric]: 然后我们还有文件系统,这个文件系统在这里的作用基本上是包含技能目录的内容列表。所以你创建的、添加的所有技能都将存在于这个文件系统中。

[原文] [Eric]: and each skill here we have the skill.md file which basically the description of what the skill look like right and then we also could have like data sources We also could have like Python scripts

[译文] [Eric]: 这里的每个技能都有一个 skill.md 文件,它基本上是关于该技能样貌的描述,对吧;然后我们也可能有数据源,我们也可能有 Python 脚本。

[原文] [Eric]: So after the skill is being triggered by claude it will basically execute a script to basically get informations that we need to guide the AI on the right track

[译文] [Eric]: 所以在技能被 Claude 触发后,它基本上会执行一个脚本,来获取我们需要的信息,以引导 AI 走上正确的轨道。

[原文] [Eric]: So in this case to put it in practice here you can see that we have a situation where a user ask you to fill this PDF form based on what you know about me and here is the location on where the file is

[译文] [Eric]: 在这种情况下,为了付诸实践,你可以看到我们有这样一个场景:用户要求根据你对我的了解来填写这个 PDF 表格,并且给出了文件所在的位置。

[原文] [Eric]: So claw will basically think about it and try to see okay what kind of skill we're going to use right so you can see that it's going to be a PDF So it's going to use the PDF skill claw automatically identify what skill related to our query be able to call the right skills and call the right tools to basically complete the user request

[译文] [Eric]: 那么 Claude 基本上会思考并尝试看我们要使用什么样的技能,对吧,你可以看到这是关于 PDF 的,所以它会使用 PDF 技能。Claude 会自动识别什么技能与我们的查询相关,并能够调用正确的技能和正确的工具,基本上完成用户的请求。

[原文] [Eric]: All right So now you know how it works and why we should use it Let me show you four claw skills that will boost your productivity whenever you're using claude

[译文] [Eric]: 好的,现在你知道它是如何工作的以及我们为什么要使用它了。让我向你展示四个 Claude Skills,它们将在你使用 Claude 时提升你的生产力。


章节 4:实战技能一:自动化前端设计 (Front-end Design)

📝 本节摘要

在本节中,Eric 展示了第一个实战技能:前端设计(Front-end Design)。他首先介绍了一个基于 Next.js 构建的记账应用(Bookkeeping Application)作为演示对象。接着,演示了如何通过安装 Claude Code 插件市场中的“Front-end Design”技能,一键将原本简陋的界面重构为生产级的高质量设计。重构后的应用不仅配色从蓝变绿,排版、仪表盘及整体 UI 风格都实现了统一且专业的升级。

[原文] [Eric]: But before I show you the first claw code skill that I personally use one thing to note here is that you can see I opened a projects called bookkeeping applications

[译文] [Eric]: 在我向你展示我个人使用的第一个 Claude Code 技能之前,有一点需要注意,你可以看到我打开了一个名为“记账应用”(Bookkeeping Applications)的项目。

[原文] [Eric]: In this project I basically built this using Nets.js And you can check out the full tutorial on how did I build this applications using this five MCB servers that I show you in this video right here

[译文] [Eric]: 在这个项目中,我基本上是使用 Next.js 构建的。你可以通过这里的这个视频,查看关于我是如何使用这五个 MCP 服务器(Model Context Protocol Servers)来构建此应用程序的完整教程。

[原文] [Eric]: But moreover basically what this application does is that it's a bookkeeping application that keep track of your receipts your bank statements and later you can be able to use that to prepare your tax and file it

[译文] [Eric]: 但更重要的是,这个应用程序基本上是一个记账应用,它可以跟踪你的收据、银行对账单,稍后你可以用它来准备税务和报税。

[原文] [Eric]: Right so right here you can see this is a landing page We have all the features here and here we can also be able to log in to our application This is our dashboard We can also match our transactions and also this is where we upload our bank statements and also this is where we upload our receipts and keep track of them inside of our tables

[译文] [Eric]: 对,就在这里你可以看到这是一个着陆页(Landing Page),我们这里有所有的功能介绍,在这里我们也可以登录我们的应用程序。这是我们的仪表盘(Dashboard),我们还可以匹配交易,这里也是我们上传银行对账单的地方,以及上传收据并在表格中跟踪它们的地方。

[原文] [Eric]: So what I want to do now is basically try to introduce you the first clause skill that I use which is the front end design skill from claw code

[译文] [Eric]: 所以我现在想做的是,基本上尝试向你介绍我使用的第一个 Claude 技能,即来自 Claude Code 的前端设计技能(Front-end Design Skill)。

[原文] [Eric]: And what it can do is that it will basically create a production grade front end interface with high quality design So based on what your application does it will first try to understand the applications and then it try to create a design that's best fit for your application

[译文] [Eric]: 它的作用是,它基本上会创建一个具有高质量设计的生产级前端界面。所以根据你的应用程序的功能,它会首先尝试理解该应用程序,然后尝试创建一个最适合你应用程序的设计。

[原文] [Eric]: And just to keep in mind that this is what it looks like right now for our applications And if I were to navigate to our landing page this is what it looks like right now

[译文] [Eric]: 请记住,这就是我们应用程序现在的样子。如果我导航到我们的着陆页,这就是它现在的样子。

[原文] [Eric]: So what I'm going to do here is I'm going to follow this guide right here to basically install the marketplace from our Claw Code And then I'm going to install this plugin right here which is the front end design And I'm just going to tell Clo here to redesign our entire front end

[译文] [Eric]: 所以我在这里要做的是,我要遵循这个指南,基本上从我们的 Claude Code 安装市场(Marketplace)。然后我要安装这个插件,即前端设计(Front-end Design),也就是告诉 Claude 重以此新设计我们整个前端。

[原文] [Eric]: So in this case let's take a look at how it works So right here I'm just going to copy this command right here Navigate back to my CLCO session And I'm just going to run this basically try to install the claw code plugins inside of our marketplace

[译文] [Eric]: 所以在这种情况下,让我们看看它是如何工作的。就在这里,我只需复制这个命令,导航回我的 Claude Code 会话(Session),然后我运行它,基本上是尝试在我们的市场中安装 Claude Code 插件。

[原文] [Eric]: Because I already have this installed I'm just going to use the slash plugin right now So if I were to do the slash plugin right and here you can see I have my marketplace right here which you can see that we have claw code plugins installed

[译文] [Eric]: 因为我已经安装了这个,我现在只需使用 /plugin 命令。所以如果我输入 /plugin,对,在这里你可以看到我有我的市场,你可以看到我们要安装 Claude Code 插件。

[原文] [Eric]: So now we're going to do now is try to install the front-end design skill So right here I'm just going to copy this command But because I already have this installed on my local machine if I were navigate to installed you can see that I have this one installed

[译文] [Eric]: 所以现在我们要做的是尝试安装前端设计技能。就在这里,我将复制这个命令。但因为我的本地机器上已经安装了这个,如果我导航到“已安装”(Installed),你可以看到我已经安装了这个。

[原文] [Eric]: But for yourself you're probably just going to run this again inside of your clock session So what we're going to do now is basically try to instruct clco here to you know use the front end design skill to redesign our application

[译文] [Eric]: 但对你来说,你可能只需要在你的 Claude 会话中再次运行这个。所以我们现在要做的是,基本上尝试指示 Claude Code 在这里使用前端设计技能来重新设计我们的应用程序。

[原文] [Eric]: And because I already have done so here you can see that after I have using the clock session here instructed clo uses the front-end design skill basically redesign the entire application for this u front end And you can see this what it looks like

[译文] [Eric]: 因为我已经这样做了,在这里你可以看到,在我使用 Claude 会话指示 Claude 使用前端设计技能后,基本上为这个 UI 前端重新设计了整个应用程序。你可以看看它现在的样子。

[原文] [Eric]: So right here you can see it gives me a complete redesign of our landing page and it used to be using the blue now it's using the green Okay So right here you can see we have the you know on boarding sessions the entire typography is changed the testimonials right you can see the call to actions as well as the footer are completely changed

[译文] [Eric]: 所以就在这里,你可以看到它给了我一个着陆页的完整重新设计,它以前使用的是蓝色,现在使用的是绿色。好的,所以在这里你可以看到我们有引导部分(Onboarding Sessions),整个排版都变了,客户评价(Testimonials)也变了,对,你可以看到行动号召(Call to Actions)以及页脚都完全改变了。

[原文] [Eric]: So now if I were to log in to the applications and if I were to sign in here you can see this what the dashboard look like So right here you can see it still looks like what it used to be but it's just that the entire theme typographies the styles are all changed right and you can see that the matchings here are still exist

[译文] [Eric]: 所以现在如果我登录到应用程序,如果我在这里登录,你可以看到这就是仪表盘的样子。就在这里你可以看到它看起来仍然像以前的功能,但只是整个主题、排版、风格都变了,对,而且你可以看到这里的匹配功能仍然存在。

[原文] [Eric]: So pretty much you can see that the style here are consistent throughout the entire application which is really cool So in this case that's pretty much how we can use the front-end design skills in clock code to basically give yourself or give your application a complete redesign that's make it much more like a production ready

[译文] [Eric]: 所以你基本上可以看到,这里的风格在整个应用程序中都是一致的,这真的很酷。所以在这种情况下,这基本上就是我们如何在 Claude Code 中使用前端设计技能,来基本上给你自己或给你的应用程序一个完整的重新设计,使其更像是一个已经准备好上线的生产级产品。

[原文] [Eric]: And I'll make sure to leave the link for this post in the description below so that you can check it out

[译文] [Eric]: 我会确保在下面的描述中留下这篇文章的链接,以便你可以查看它。


章节 5:实战技能二:域名灵感生成器 (Domain Name Brainstormer)

📝 本节摘要

本节演示了如何利用“域名灵感生成器”技能为项目寻找完美的域名。Eric 展示了该技能如何通过在线搜索,分析目标受众,筛选出具备 .dev 或 .ai 等后缀的可用域名,并提供实时注册链接与预算估算。在等待生成结果的间隙,Eric 推荐了本期赞助商 Dink.Me——一个专为 AI 和技术人才打造的自动更新式数字身份平台(类似 AI 时代的 LinkedIn)。最后,回到演示中,Claude 成功列出了多组可用的优质域名建议。

[原文] [Eric]: So the next skill that I want to show you here is the domain name brainstormer which will basically help you to find a domain name for your project

[译文] [Eric]: 接下来我想向你展示的下一个技能是域名灵感生成器(Domain Name Brainstormer),它基本上会帮助你为你的项目找到一个域名。

[原文] [Eric]: So let's say if you have building like bunch of projects and you're struggle to find the right domain name that's available that's the best fit for your projects then this claw skill here will help you to do so

[译文] [Eric]: 假设你正在构建很多项目,并且你正在苦恼于寻找一个既可用又最适合你项目的合适域名,那么这个 Claude Skill 就能帮你做到这一点。

[原文] [Eric]: And here you can see that what this claw skill does is that basically you provide a instruction saying that help me to find a domain name for this program projects

[译文] [Eric]: 在这里你可以看到,这个 Claude Skill 的作用是,基本上你提供一条指令,说“帮我为这个程序项目找一个域名”。

[原文] [Eric]: And what it does here is that it's going to look through all the domain names online and try to find what are the domain names that are available and what are the domain names that's best fit for our target audience and also what are the key features that this domain name has right

[译文] [Eric]: 它在这里所做的是,它将浏览网上所有的域名,尝试找出哪些域名是可用的,哪些域名最适合我们的目标受众,以及这个域名具有哪些关键特征,对吧。

[原文] [Eric]: and all in all it will basically gather try to find the right domain name and it'll help you to rank it to figure out what's the best pick for the domain name for this current projects

[译文] [Eric]: 总而言之,它基本上会收集并尝试找到合适的域名,并且它会帮你对它们进行排名,以弄清楚对于当前项目来说,哪个域名是最佳选择。

[原文] [Eric]: For example this project is good for developer short and memorable and also has the.dev dev extensions which adds credibility and most importantly this domain name is available right now right

[译文] [Eric]: 例如,这个项目适合开发者,简短且易记,并且还具有 .dev 扩展名,这增加了可信度,最重要的是这个域名目前是可用的,对吧。

[原文] [Eric]: so what we can do here is that I'm just going to download this folder right here which you can see is called the domain name brainstormer which only has the skilld file

[译文] [Eric]: 所以我们在这里可以做的是,我只需下载这个文件夹,你可以看到它叫“域名灵感生成器”(Domain Name Brainstormer),里面只有一个 skill.md 文件。

[原文] [Eric]: and once I download this I basically add it onto our projects so here you can seeclaw folder there I create a folder called skills and inside this folder I create a folder called domain name brainstormer which basically I just drag that folder entirely into this skill folder

[译文] [Eric]: 一旦我下载了这个,我基本上把它添加到我们的项目中。所以在这里你可以看到 Claude 文件夹,我在那里创建了一个名为 skills 的文件夹,在这个文件夹里我创建了一个名为 domain name brainstormer 的文件夹,基本上我只是把那个下载的文件夹整个拖进了这个 skill 文件夹里。

[原文] [Eric]: and I basically restart my claw session and now what I can do is that based on this project that I have right now can you use the domain name brainstormer skill to basically help me to brainstorm the right domain name for this project so that's going to be my prompt

[译文] [Eric]: 然后我基本上重启我的 Claude 会话。现在我可以做的是,基于我现在拥有的这个项目,问它“你能不能使用域名灵感生成器技能来基本上帮我为这个项目头脑风暴出合适的域名?”这就是我要用的提示词。

[原文] [Eric]: and I'm just going to send this request and right away you can see that claw here triggers a domain name brainstormer here to basically trigger the skill and basically chatter generates the relevant domain suggestions

[译文] [Eric]: 我就把这个请求发送出去,立刻你可以看到 Claude 在这里触发了域名灵感生成器,基本上触发了该技能,并开始生成相关的域名建议。

[原文] [Eric]: So in this case while we wait let's give a quick shout out to the sponsor of this video Think if you're in AI or tech your work is probably scattered everywhere GitHub papers LinkedIn X maybe YouTube

[译文] [Eric]: 所以在这种情况下,在我们等待的时候,让我们快速感谢一下本视频的赞助商。想想看,如果你在 AI 或科技领域,你的工作成果可能散落在各处:GitHub、论文、LinkedIn、X(推特),也许还有 YouTube。

[原文] [Eric]: That's exactly why I started using Dink What Dink is Dink.Me is an AI native digital identity platform built for developers researchers and AI talent

[译文] [Eric]: 这正是我开始使用 Dink 的原因。Dink 是什么?Dink.Me 是一个专为开发者、研究人员和 AI 人才打造的 AI 原生数字身份平台。

[原文] [Eric]: It automatically pulls your real achievements from GitHub Google Scholar LinkedIn X Archive and more and turns them into a living autoupdating AI identity card

[译文] [Eric]: 它会自动从 GitHub、Google Scholar、LinkedIn、X、Archive 等平台提取你的真实成就,并将它们转化为一张鲜活的、自动更新的 AI 身份卡。

[原文] [Eric]: This is my Dink profile Instead of a static resume everything here updates automatically New repo paper project or roll it shows up without me touching anything

[译文] [Eric]: 这是我的 Dink 个人资料。这里的一切都不是静态简历,而是自动更新的。新的代码库、论文、项目或职位,不需要我动任何手脚就会显示出来。

[原文] [Eric]: What's powerful is that Dink doesn't just list links It understands your work You can see verified contributions real collaboration networks through the achievement graph and how people are actually connected through projects not cloud

[译文] [Eric]: 强大之处在于 Dink 不仅仅是列出链接,它理解你的工作。你可以通过成就图谱(Achievement Graph)看到经过验证的贡献、真实的协作网络,以及人们是如何通过项目而非空谈真正连接在一起的。

[原文] [Eric]: You can browse other members Think pages analyze their profiles and discover like-minded people Want to collaborate hire or build a team you can DM directly and start real conversations based on actual work

[译文] [Eric]: 你可以浏览其他成员的页面,分析他们的资料并发现志同道合的人。想要合作、招聘或组建团队?你可以直接私信,基于实际工作开始真正的对话。

[原文] [Eric]: Dink feels like what LinkedIn should have become for the AI era A deeper more credible identity that actually understands what you do

[译文] [Eric]: Dink 给人的感觉就像是 LinkedIn 在 AI 时代本应成为的样子。一个更深层、更可信、真正理解你在做什么的身份认证。

[原文] [Eric]: Dink is currently invite only So if you want to try it use my invite code below and create your AI native identity here Links also in the description

[译文] [Eric]: Dink 目前仅限邀请注册。所以如果你想尝试一下,请使用下面我的邀请码并在这里创建你的 AI 原生身份,链接也在描述中。

[原文] [Eric]: All right So back to the video now Here you can see that as a result this is what the AI generates after cloud skills has generated using the domain searcher

[译文] [Eric]: 好的,现在回到视频中。在这里你可以看到,这就是 AI 在 Claude Skills 使用域名搜索器后生成的结果。

[原文] [Eric]: Here you can see that we have our premium AI domains right here which are all available right and they're all in with.AI AI extension There's also the strong.com options the io or the tech forward options and here is the top tech recommendations and they're all available in this link right here which shows in real time results

[译文] [Eric]: 在这里你可以看到我们有优质的 AI 域名,它们都是可用的,对,而且都带有 .AI 后缀。还有强力的 .com 选项、.io 或前沿科技选项。这里是顶级的技术推荐,它们都在这个链接里可用,显示的是实时结果。

[原文] [Eric]: and you can see that it also concludes the finding of the budget forai and this is the minimum two year of registrations Pretty much what we can do here from now is just pick the domains that we want and just go with it

[译文] [Eric]: 你可以看到它还总结了 AI 域名的预算发现,这是至少两年的注册费用。从现在开始我们能做的基本上就是挑选我们想要的域名,然后直接用它。

[原文] [Eric]: Right so pretty much that's how we can use the domain finder skill to find the right domain for our projects

[译文] [Eric]: 对,所以这基本上就是我们如何使用域名查找器技能为我们的项目找到合适域名的方法。


章节 6:实战技能三:Stripe 支付系统集成 (Stripe Integration)

📝 本节摘要

在本节中,Eric 演示了如何使用 Stripe Integration 技能为记账应用添加支付和订阅功能。他首先将该技能文件拖入项目目录,随后指示 Claude 根据当前应用架构设计支付流程。Claude 自动分析并规划了三个订阅等级(Starter、Growth、Pro),并在询问关于免费试用期和 API 密钥等细节后,自动完成了数据库表结构、后端 API 路由、前端页面及 Webhook 的全套代码实现。最后,Eric 通过填入 Stripe 测试密钥,成功演示了从选择套餐到完成支付的全过程。

[原文] [Eric]: Okay So the next skill that we're going to show you here is the Stripe scale This is really important because if you're going to have accepting payment for your applications and it's really important to keep it consistent for how you're going to integrate your Stripe payments into your application

[译文] [Eric]: 好的,接下来我们要向你展示的下一个技能是 Stripe 技能(Stripe Skill)。这非常重要,因为如果你的应用程序要接受支付,那么保持 Stripe 支付集成方式的一致性就显得尤为关键。

[原文] [Eric]: So right here you can see I have navigated to a very special skill called Stripe skill or Stripe integration skill Basically it's going to master the Stripe payment processing

[译文] [Eric]: 所以就在这里,你可以看到我已经导航到一个非常特别的技能,叫做 Stripe 技能或 Stripe 集成技能。基本上它掌握了 Stripe 支付处理的所有知识。

[原文] [Eric]: We can actually be able to create a skill and have our AI here have clogg here to implement the stripe payment consistently Okay So for example creating a checkout session right creating a one-time payment or creating a custom payment flow

[译文] [Eric]: 我们实际上可以创建一个技能,让我们的 AI,让 Claude 在这里一致地实现 Stripe 支付。好的,例如创建结账会话(Checkout Session),创建一次性支付,或者创建自定义支付流程。

[原文] [Eric]: You can see that this documentation or this cloud skill here has already create this thing automatically right so all we had to do here just tell it to implement this inside of our applications and should be able to implement in the right way

[译文] [Eric]: 你可以看到这份文档或者这个 Claude Skill 已经自动创建好了这些东西,对,所以我们在这里要做的只是告诉它在我们的应用程序中实现这个,它应该能够以正确的方式实现。

[原文] [Eric]: So in our case basically we're just going to navigate to the Stripe integration here You can see that we only have one file in this folder which is the skill MD file And I'm just going to download this folder right here

[译文] [Eric]: 所以在我们的案例中,基本上我们只需导航到 Stripe 集成这里。你可以看到在这个文件夹里我们只有一个文件,就是 skill.md 文件。我就要把这个文件夹下载下来。

[原文] [Eric]: Navigate back to claw code In this case I'm just going to drag the skill into this skill folder And right here I'm just going to restart my claw section

[译文] [Eric]: 导航回 Claude Code。在这种情况下,我只是将这个技能拖到这个 skill 文件夹中。然后在那里我重启我的 Claude 会话。

[原文] [Eric]: And here I'm just going to say based on the application right now please use the Stripe integration skill to integrate our Stripe payment inside of our application Okay So then here is our prompt So I'm just going to switch to plan mode and basically have Clocko here to use the Stripe integration skill to build our Stripe integration And then here I'm just going to run this

[译文] [Eric]: 在这里我只会说:基于当前的应用程序,请使用 Stripe 集成技能将我们的 Stripe 支付集成到我们的应用程序中。好的,这就是我们的提示词。所以我只需切换到计划模式(Plan Mode),基本上让 Claude Code 在这里使用 Stripe 集成技能来构建我们的 Stripe 集成。然后我就在这里运行它。

[原文] [Eric]: All right So right now we can see it's first going to analyze the application here and try to explore the clear understanding of the application Here is the summary So here you can see that we did not implement the payment processing We did not implement the subscription management

[译文] [Eric]: 好的,所以现在我们可以看到它首先要在这里分析应用程序,并试图对应用程序有一个清晰的理解。这是摘要:在这里你可以看到我们没有实现支付处理,我们也没有实现订阅管理。

[原文] [Eric]: And here you can see that there's the recommended uh payment structure So right here based on the existing pricing page here is what it recommends So we have our starter plan which is no payment required There's the growth plan which is most popular and it has the 14-day free trial There's also the pro plan which is the $39 per month and it also includes the 14 days free trial

[译文] [Eric]: 在这里你可以看到有推荐的支付结构。就在这里,基于现有的定价页面,这是它的推荐:我们有入门计划(Starter Plan),无需付款;有增长计划(Growth Plan),这是最受欢迎的,它有 14 天的免费试用期;还有专业计划(Pro Plan),每月 39 美元,也包含 14 天的免费试用期。

[原文] [Eric]: So here you can see what it does here is that it's going to analyze the application create a plan and before it do so it's going to ask me some serious questions to clarify the intent

[译文] [Eric]: 所以在这里你可以看到它所做的是,它将分析应用程序,创建一个计划,在这样做之前,它会问我一些严肃的问题来澄清意图。

[原文] [Eric]: So it says that you want to offer a 14 days free trial for the growth and the pro plan Here I'm just going to say yes for the 7 days free trial instead And here's asking us if you have the Stripe API keys I'm just going to say yes I do And then here what are the plan changes should be able to upgrade or downgrade and yes I'm just going to say allow that

[译文] [Eric]: 它问你是否想为增长计划和专业计划提供 14 天的免费试用。在这里我只说“是的,但改为 7 天免费试用”。这里问我们要不要有 Stripe API 密钥,我只说“是的,我有”。然后这里问计划变更是否应该能够升级或降级,是的,我只说“允许那个”。

[原文] [Eric]: And basically you can see these are the answers that I have I'm just going to submit the answer here And of course if you ever wonder where you can be able to get the API keys you can navigate to your Stripe dashboard And here there is a developer So if you click on developer there's API keys

[译文] [Eric]: 基本上你可以看到这些是我的回答,我只是在这里提交答案。当然,如果你想知道在哪里可以获得 API 密钥,你可以导航到你的 Stripe 仪表板。这里有一个“开发者”(Developer)选项。如果你点击开发者,那里有“API 密钥”(API Keys)。

[原文] [Eric]: And here you can see that we have our publishable keys and also secret keys So we're going to need those tools inside of our MV.local file to call the right Stripe account to get a payment right so in this case once you get your publish key and your secret key you can literally add this in your file and then be able to use it eventually

[译文] [Eric]: 在这里你可以看到我们有我们的可发布密钥(Publishable Keys)和密钥(Secret Keys)。所以我们需要将这些工具放入我们的 .env.local 文件中,以调用正确的 Stripe 账户来获取支付,对吧。所以在这种情况下,一旦你得到了你的发布密钥和私钥,你可以直接把它添加到你的文件中,然后最终就能使用它了。

[原文] [Eric]: Okay So what we're going to do now is that I'm just going to come back to claw code And here you can see this the entire plan for our bookkeeper pro application Right so here is the current stack the payment structure the plan for the management as well as the gating tier

[译文] [Eric]: 好的,所以我们现在要做的是,我回到 Claude Code。在这里你可以看到这是我们记账员专业版应用程序的整个计划。对,这里是当前的技术栈、支付结构、管理计划以及门槛层级(Gating Tier)。

[原文] [Eric]: So for example like the starter plan you get the unlimited receipt scanning Great The categorizations also the CSV export which is perfect But what you don't get is you don't get the bank reconciliations the automated invoicing and also tax optimizations Right so you don't get those things for the starter plan but growth plan you do

[译文] [Eric]: 举个例子,比如入门计划,你可以获得无限的收据扫描,很棒;分类功能以及 CSV 导出,这很完美。但你得不到的是,你得不到银行对账、自动发票和税务优化。对,所以在入门计划中你得不到这些东西,但在增长计划中你可以。

[原文] [Eric]: Uh there's also the database setup So for example you can So here you can see it's also going to set up the database table for the subscriptions and also subscription plan as well as the strike configurations the backend API routes endpoints as well as the front integrations the web hooks

[译文] [Eric]: 呃,还有数据库设置。例如你可以……在这里你可以看到它还将为订阅和订阅计划设置数据库表,以及 Stripe 配置、后端 API 路由端点以及前端集成、Webhooks。

[原文] [Eric]: And if you were to scroll all the way down you can see here that it's going to use the stripe integration scale to implement the checkout the customer portal the web hook handlers the database schema for the subscription tracking and also the future gating middleware

[译文] [Eric]: 如果你一直向下滚动,你可以在这里看到它将使用 Stripe 集成技能来实现结账、客户门户、Webhook 处理程序、用于订阅跟踪的数据库模式以及未来的门槛中间件(Gating Middleware)。

[原文] [Eric]: So this is not something that cloud code knows by itself This is going to be something that it calls our skill that we created and we will implement this entirely Okay So in this case I'm just going to say yes and bypass all permission and it's going to design everything completely by itself

[译文] [Eric]: 所以这不是 Claude Code 自己知道的事情,这将是它调用我们创建的技能,我们将完全实现这一点。好的,所以在这种情况下,我只说“是”并绕过所有权限,它将完全独自设计一切。

[原文] [Eric]: Okay So as result you can see the stripe integration here has fully complete And now you can see that we have three tiers starter growth and also the protier So now if I were to navigate to thev.example example file Here you can see that we have five environment variables that's created for this application

[译文] [Eric]: 好的,结果你可以看到这里的 Stripe 集成已经完全完成了。现在你可以看到我们有三个层级:入门、增长以及专业层级。现在如果我导航到 .env.example 示例文件,在这里你可以看到我们为这个应用程序创建了五个环境变量。

[原文] [Eric]: So we have our publish key as well as the secret key the web hook secret as well as the pricing ID for the growth and also the pro plan Right so you can see that we can simply just going to get these things um inside of our dashboard in our stripe Then we can be able to add this in inside of ourv.local file and we can be able to use it

[译文] [Eric]: 所以我们要有我们的发布密钥以及私钥、Webhook 密钥,以及增长计划和专业计划的定价 ID。对,所以你可以看到我们可以简单地在我们的 Stripe 仪表板中获取这些东西,然后我们可以将此添加进我们的 .env.local 文件中,我们就可以使用它了。

[原文] [Eric]: So in this case I'm just going to fill this in inside myv.loc local file and navigate it to our applications and try to log in and try to see if the payment gateway is fully set up

[译文] [Eric]: 所以在这种情况下,我就把这些填进我的 .env.local 文件里,然后导航到我们的应用程序,尝试登录,看看支付网关是否完全设置好了。

[原文] [Eric]: And now if I were to navigate to our application here if I were to choose a plan for example I'm just going to choose the growth plan If I were to click on start on this plan and here you can see that it navigate us to the checking page

[译文] [Eric]: 现在如果我导航到我们的应用程序,如果我要选择一个计划,例如我只选择增长计划。如果我点击“开始此计划”,在这里你可以看到它将我们导航到了结账页面。

[原文] [Eric]: And right here you can see that currently I create a sandbox environment so they can be able to process it using a test account So right here you can see that we have our bookkeepers growth plan 7 days free trial and after that it's going to be $19 per month starting January 3rd

[译文] [Eric]: 就在这里你可以看到,目前我创建了一个沙盒环境(Sandbox Environment),所以他们可以使用测试账户来处理它。就在这里你可以看到我们有记账员增长计划,7 天免费试用,之后从 1 月 3 日开始每月 19 美元。

[原文] [Eric]: And all I have to do here just simply just enter the card informations with the test card And now if I were to click on start a free trial it's going to process this And now you can see that the test payment here has been successful

[译文] [Eric]: 我在这里要做的只是简单地用测试卡输入卡片信息。现在如果我点击“开始免费试用”,它将处理这个。现在你可以看到这里的测试支付已经成功了。

[原文] [Eric]: And if I were to click on the settings here and currently you can see that we're using the growth tier which is costing $19 per month So pretty much that's how we can use the stripe integration clause skill to guide the AI here to basically build our payment system for our application

[译文] [Eric]: 如果我点击这里的设置,目前你可以看到我们正在使用增长层级,每月花费 19 美元。所以这基本上就是我们如何使用 Stripe 集成 Claude Skill 来引导这里的 AI,基本上为我们的应用程序构建支付系统。


章节 7:实战技能四:技能生成器与代码审查 (Skill Creator)

📝 本节摘要

在本节中,Eric 介绍了最后一个也是最强大的技能:技能生成器 (Skill Creator)。他演示了如何“用魔法打败魔法”——先让 Claude 对 NestJS 代码审查的最佳实践进行深度调研(Deep Research),涵盖架构模式及六种不同角色(如架构师、产品经理、QA)的视角。随后,他利用“技能生成器”将这份调研报告转化为一个标准化的“NestJS 代码审查技能”。最后,他展示了如何使用这个新生成的技能,对当前项目进行包含架构、文件结构及组件细节的四阶段全自动审查。

[原文] [Eric]: All right So the last skill we're going to take a look at for this entire video here is going to be the skill creator

[译文] [Eric]: 好的,那么我们在整个视频中要看的最后一个技能将是技能生成器(Skill Creator)。

[原文] [Eric]: And this skill here help us to create claw skills for our entire projects And to use this skill basically we just provide instructions on what kind of skill we want to create And it's going to trigger this skill creator to basically help us create a skill

[译文] [Eric]: 这个技能帮助我们为整个项目创建 Claude Skills。要使用这个技能,基本上我们只需提供关于我们想要创建什么样的技能的指令,它就会触发这个技能生成器,基本上帮我们创建一个技能。

[原文] [Eric]: And to do so I basically have claw here do a research on exactly what's the best way to review code Because for a day-to-day workflow I have to review tons of code from different projects right and I have to give a lot of feedback to people

[译文] [Eric]: 为了做到这一点,我基本上让 Claude 在这里做一个调研,研究到底什么是审查代码的最佳方式。因为在日常工作流中,我必须审查来自不同项目的大量代码,对吧,而且我必须给人们提供很多反馈。

[原文] [Eric]: So that's why I want to create this skill that I can be able to delegate this work to AI that can have AI here to create a consistent feedback based on different projects that we encounter

[译文] [Eric]: 所以这就是为什么我想创建这个技能,这样我就能把这项工作委托给 AI,让 AI 根据我们遇到的不同项目创建一致的反馈。

[原文] [Eric]: So right here you can see that there are different things that we're going to have AI here to do deep research on what's the best way for technical review here What's the best practice for especially for NestJ architecture patterns as well as React and TypeScript projects as well as what's the multi-perspect review right

[译文] [Eric]: 所以就在这里,你可以看到我们要让 AI 做不同的事情,对“这里技术审查的最佳方式是什么”进行深度调研。特别是针对 NestJS 架构模式以及 React 和 TypeScript 项目的最佳实践是什么,以及什么是多视角审查,对吧。

[原文] [Eric]: especially for higher level like senior developers or staff engineers You're not just reviewing just the technical side of things You also have to review the system based on different roles For example like an architect product manager QA or user experience

[译文] [Eric]: 特别是对于更高级别的职位,如高级开发人员或主任工程师(Staff Engineers),你不仅仅是审查技术方面的东西,你还必须基于不同的角色来审查系统。例如像架构师、产品经理、QA(质量保证)或用户体验。

[原文] [Eric]: overall try to evaluate the codebase to see if it actually solved that business problem right and also what is the code review methodologies right make sure that if we want to use top- down approach time allocation strategies we're also doing the documentation review

[译文] [Eric]: 总体上尝试评估代码库,看它是否真的解决了那个业务问题,对吧;还有代码审查的方法论是什么,对吧,确保如果我们想要使用自上而下的方法、时间分配策略,我们也要做文档审查。

[原文] [Eric]: and also making sure that we stand on the product and the user experience perspective Try to make sure that the product here is focusing on the customer first thinking right making sure that customer is actually able to use this product and is able to solve the problem that they're facing and also what is the mobile experience look like what is the usability right

[译文] [Eric]: 并且还要确保我们要站在产品和用户体验的角度。尝试确保这里的产品专注于“客户至上”的思维,对吧,确保客户实际上能够使用这个产品,并且能够解决他们面临的问题,以及移动端体验是什么样的,可用性如何,对吧。

[原文] [Eric]: so basically it's going to do a deep research on this simply just going to use the deep research right here in the cloud and it'll basically automatically help you to look through like tons of resource

[译文] [Eric]: 所以基本上它要对此进行深度调研,只需在 Claude 里使用深度调研(Deep Research)功能,它基本上会自动帮你浏览大量的资源。

[原文] [Eric]: You can see that it's going to look through like 432 sources online and try to conduct this entire research and conclude it into a one single MD file

[译文] [Eric]: 你可以看到它要浏览网上大约 432 个来源,尝试进行这整个调研,并将其总结为一个单一的 MD 文件。

[原文] [Eric]: Right and what I'm going to do now is I'm just going to open a cloud session I'm just going to reference the research file which is the one that we just done for the research from Claude And then I'm just going to say that please use the skill creator skill to basically create a skill based on this research that we have done

[译文] [Eric]: 对,我现在要做的是,我只打开一个 Claude 会话,我引用那个调研文件,就是我们刚刚用 Claude 做完调研的那个。然后我就说:请使用技能生成器技能(Skill Creator Skill),基本上基于我们所做的这项调研来创建一个技能。

[原文] [Eric]: And then here's basically my prompt So I'm just going to send this to Claude and let Claude here to basically handle this trigger the skill creator skill And here you can see that's going to use the skill creator skill to basically build a comprehensive co-review skill based on the research document that we have provided

[译文] [Eric]: 这基本上就是我的提示词。所以我就把这个发给 Claude,让 Claude 在这里处理这个,触发技能生成器技能。在这里你可以看到,它将使用技能生成器技能,基于我们提供的调研文档,基本上构建一个全面的代码审查技能。

[原文] [Eric]: So right here you can see that it's triggering the skill creator reading the research.md file and eventually you can see that it creates the skill creator skill inside of our skills folder right here

[译文] [Eric]: 所以就在这里你可以看到它正在触发技能生成器,读取 research.md 文件,最终你可以看到它就在我们的 skills 文件夹里创建了这个技能。

[原文] [Eric]: So you can see that we have our skill MD file We also have a couple references on the NJS patterns the perspective the report templates and all those kind of things

[译文] [Eric]: 所以你可以看到我们要有我们的 skill.md 文件,我们还有一些关于 NestJS 模式、视角、报告模板以及所有这类东西的参考资料。

[原文] [Eric]: Okay So what we can do now is that if we want to review this we can actually open this doc and here you can see that this is the NESJS code review skill and basically this is when to use the skill right This is basically telling AI what are times when we're going to trigger the scale for example reviewing the NJS pull request or if there's code changes

[译文] [Eric]: 好的,所以我们现在能做的是,如果我们想审查这个,我们实际上可以打开这个文档。在这里你可以看到这是 NestJS 代码审查技能,基本上这是“何时使用该技能”,对吧。这基本上是告诉 AI 什么时候我们要触发这个技能,例如审查 NestJS 拉取请求(Pull Request)或者如果有代码变更时。

[原文] [Eric]: and also for the existing codebase for quality security and performance and then in terms of our review there's different phases we have architecture review so that's going to be the first step uh things like checking out the overall design identify if there's any blocking issues

[译文] [Eric]: 同时也适用于现有代码库的质量、安全和性能审查。然后在我们的审查方面,有不同的阶段:我们有架构审查(Architecture Review),这将是第一步,呃,比如检查整体设计,识别是否有任何阻塞性问题。

[原文] [Eric]: and then also there's the file structure review try to evalate the organizations the naming conventions and also the expected structure Um after that's done we also have our detailed component review This is going to be more like reviewing line by line and try to stand on all six expert perspectives like senior developers system architects There's also PMs and also the user Q engineer and also the business analyst

[译文] [Eric]: 然后还有文件结构审查,尝试评估组织方式、命名约定以及预期的结构。嗯,在那之后,我们还有详细的组件审查,这更像是逐行审查,并尝试站在所有六种专家视角上,比如高级开发人员、系统架构师,还有产品经理(PMs),以及用户、QA 工程师和业务分析师。

[原文] [Eric]: Okay so pretty much this is the phase three And after all is done we're going to create a documentation review and then at the end it's going to generate a review report that's very similar to like this where it's going to mention what are the findings what are the issues that I found and whether or not this codebase or this pull request is approved

[译文] [Eric]: 好的,所以这基本上是第三阶段。在所有这些都完成后,我们将创建一个文档审查,然后在最后它将生成一个审查报告,非常类似于这个样子,它会提到发现了什么,我发现了什么问题,以及这个代码库或这个拉取请求是否被批准。

[原文] [Eric]: So pretty much you can see that this is the entire um skill that we have created and what I'm going to do here is I'm going to open a clause session and I'm just going to say using the NestJS code review skill and please help me to review the entire codebase for this application

[译文] [Eric]: 所以你基本上可以看到这就是我们创建的整个技能。我在这里要做的是打开一个 Claude 会话,我就说:使用 NestJS 代码审查技能,请帮我审查这个应用程序的整个代码库。

[原文] [Eric]: and basically this is my prompt and I'm just going to submit this to Claude and hopefully Claude will basically trigger the Nest.js code review scale which you can see is asking if you want to proceed with the NestJS code review scale I'm just going to say yes

[译文] [Eric]: 基本上这就是我的提示词,我就把这个提交给 Claude。希望 Claude 基本上会触发 NestJS 代码审查技能,你可以看到它正在询问你是否要继续使用 NestJS 代码审查技能,我就说“是”。

[原文] [Eric]: and then it's going to bree through the entire NestJS code review skills and try to understand how it's going to review this uh four-phase methodologies Right so right here you can see it's going to be doing the phase one for architecture review

[译文] [Eric]: 然后它将浏览整个 NestJS 代码审查技能,并尝试理解它将如何审查这四个阶段的方法论。对,所以就在这里你可以看到它正在进行第一阶段的架构审查。

[原文] [Eric]: So in this case pretty much that's how we can be able to use the claw skill creator here to create a new skill instead of claude

[译文] [Eric]: 所以在这种情况下,这基本上就是我们如何在这里使用 Claude 技能生成器来在 Claude 内部创建一个新技能。


章节 8:总结与结语

📝 本节摘要

在本章中,Eric 对全篇视频进行了总结。他回顾了本期涵盖的核心内容:使用 Claude Skills 的三个理由、其幕后工作原理,以及四个能显著提升生产力的实战技能。最后,他呼吁观众如果觉得内容有帮助请点赞订阅,并预告下期再见。

[原文] [Eric]: So pretty much that's what we have covered in this video We cover why we should use claw skills what are three reasons and how does it work behind the scenes as well as my top four claw skills that you can use to boost your productivities using clot

[译文] [Eric]: 所以这基本上就是我们在本视频中涵盖的内容。我们涵盖了为什么要使用 Claude Skills、三个理由是什么,以及它在幕后是如何工作的,还有我那四个你可以用来在使用 Claude 时提升生产力的顶级 Claude Skills。

[原文] [Eric]: So pretty much that's it for this video And if you do find out in this video please make sure to like this video consider subscribing for more content like this

[译文] [Eric]: 所以本期视频基本上就是这样了。如果你确实觉得这个视频有帮助,请务必点赞这个视频,并考虑订阅以获取更多类似的内容。

[原文] [Eric]: But with that being said I'll see you in the next video

[译文] [Eric]: 话虽如此,我们在下个视频见。