Claude Code: Intro to Agent Skills in WordPress ๐Ÿ”— **Source:** [Claude Code: Intro to Agent Skills in WordPress](https://www.youtube.com/watch?v=0xjVPvhMcrg) > [!note]+ Document Notes > tags: [wordpress-development, ai-agent-skills, claude-code] > author: [MISSING] > source: YouTube > reference: https://www.youtube.com/watch?v=0xjVPvhMcrg > date created: 2025-01-03 12:00 > > # ๐Ÿท๏ธ Title: Claude Code: Intro to Agent Skills in WordPress > <!-- deep-read:sections start --> ## ๐Ÿงฐ Action Inbox - [H1] Install WordPress agent skills in your development environment โ€” npx open-skills install WordPress agent-skills #wordpress - [H2] Test plugin development workflow with skills-enabled Claude โ€” create sample plugin #development - [H3] Explore individual skill markdown files for WordPress best practices โ€” check GitHub repo #learning ## ๐Ÿงญ Table of Contents - [๐Ÿ“ Summary](#-summary) - [๐Ÿ“– Main Content](#-main-content) - [๐Ÿ—’๏ธ Notes](#๏ธ-notes) - [๐Ÿ“š References](#-references) - [๐Ÿ—ฃ๏ธ Paraphrase](#๏ธ-paraphrase) - [๐Ÿ“ฐ Newsletter](#-newsletter) - [โœ… Action Items](#-action-items) - [๐Ÿงช Hypotheses](#-hypotheses) - [๐Ÿ“Š Methodology](#-methodology) - [โ“ Questions](#-questions) - [๐Ÿ”ฎ Future Research](#-future-research) - [๐Ÿ’ก Implications](#-implications) - [๐Ÿง  Learning Styles Assessment](#-learning-styles-assessment) - [๐Ÿ“Š Accessibility Assessment](#-accessibility-assessment) - [๐ŸŒ DEIB Assessment](#-deib-assessment) - [โœ… Logical Validity](#-logical-validity) - [๐Ÿ›ก๏ธ DARVO Analysis](#-darvo-analysis) - [๐ŸŽฏ Conclusion](#-conclusion) ### ๐Ÿ”— References - [WordPress Agent Skills GitHub](https://github.com/WordPress/agent-skills) - [Anthropic Agent Skills Protocol](https://www.anthropic.com/agent-skills) ## ๐Ÿ“ Summary - WordPress and Automattic released AI agent skills that enhance Claude Code and similar AI coding assistants with WordPress-specific capabilities - Why it matters: Provides guardrails and best practices for AI-generated WordPress code, reducing errors and improving predictability - Key stakeholders: WordPress developers using AI coding assistants - Risks and tradeoffs: Still requires understanding of WordPress fundamentals; skills may become outdated - Bottom line: Significant improvement in AI-assisted WordPress development workflow with 9+ specialized skills available ## ๐Ÿ“– Main Content Agent Skills represent an open protocol from Anthropic that allows developers to enhance AI coding assistants with domain-specific knowledge through markdown files. WordPress has implemented this protocol to create specialized skills for common development tasks. The WordPress agent skills include capabilities for block development, theme creation, plugin development, REST API integration, and more. These skills provide structured instructions and references that help AI assistants generate more accurate, secure WordPress code following established best practices. Technical implementation involves installing skills via npm into project directories, where they become available to compatible AI assistants like Claude Code. The skills contain metadata, instructions, and reference materials that guide the AI's responses within WordPress development contexts. ## ๐Ÿ—’๏ธ Notes #### โฑ๏ธ [00:00](https://youtu.be/0xjVPvhMcrg?t=0) โ€” [H1] Introduction to WordPress Agent Skills - Key idea: New initiative allows adding skills to AI coding assistants like Claude Code - Evidence: "Based on the open protocol agent skills from Anthropic released at the end of 2025" #### โฑ๏ธ [01:15](https://youtu.be/0xjVPvhMcrg?t=75) โ€” [H2] What are Agent Skills - Key idea: Markdown files that give AI agents context for repeatable tasks - Evidence: "Just markdown files that you load into your AI coding assistant" #### โฑ๏ธ [02:30](https://youtu.be/0xjVPvhMcrg?t=150) โ€” [H3] WordPress-Specific Problem Solving - Key idea: Prevents AI from going off rails with WordPress development - Evidence: "Sometimes it can go off the rails and make things up or not perform in a predictable manner" #### โฑ๏ธ [03:45](https://youtu.be/0xjVPvhMcrg?t=225) โ€” [H1] Available WordPress Skills - Key idea: Nine specialized skills covering core WordPress development areas - Evidence: "Block development, block themes, plugin development, REST API, interactivity API, abilities API, CLI, performance, PHP playground design system" #### โฑ๏ธ [05:20](https://youtu.be/0xjVPvhMcrg?t=320) โ€” [H2] Skills Structure and References - Key idea: Comprehensive skills include multiple markdown files and references - Evidence: "Not just one single markdown per skill... references within its own project folder" #### โฑ๏ธ [06:15](https://youtu.be/0xjVPvhMcrg?t=375) โ€” [H2] Installation Process - Key idea: Simple npm command installs skills to project directory - Evidence: "npx open-skills install WordPress agent-skills" #### โฑ๏ธ [07:30](https://youtu.be/0xjVPvhMcrg?t=450) โ€” [H3] Selective Skill Installation - Key idea: Choose specific skills rather than installing all nine - Evidence: "You can go through and choose which ones to install" #### โฑ๏ธ [08:45](https://youtu.be/0xjVPvhMcrg?t=525) โ€” [H2] Skills in Project Structure - Key idea: Skills appear in .cloud folder within project directory - Evidence: "We see our cloud folder and now we have all those skills installed" #### โฑ๏ธ [10:00](https://youtu.be/0xjVPvhMcrg?t=600) โ€” [H1] Practical Plugin Development Demo - Key idea: Created testimonials plugin with star ratings and custom fields - Evidence: "Make a WordPress plugin that creates testimonials with a star rating called my testimonials" #### โฑ๏ธ [11:20](https://youtu.be/0xjVPvhMcrg?t=680) โ€” [H2] Skills Loading Process - Key idea: Claude reads skill references before beginning development - Evidence: "Let me read the skill references for best practices and then create the plugin" #### โฑ๏ธ [12:15](https://youtu.be/0xjVPvhMcrg?t=735) โ€” [H3] Guardrails and Best Practices - Key idea: Skills provide structured approach vs random AI responses - Evidence: "Skills give it a bit of a guard rail to stick to a plan and best practices" #### โฑ๏ธ [14:30](https://youtu.be/0xjVPvhMcrg?t=870) โ€” [H2] Completed Plugin Features - Key idea: Generated plugin includes admin interface, custom post types, and shortcodes - Evidence: "Custom plugin with dynamic data brought in from newly created post type" #### โฑ๏ธ [15:45](https://youtu.be/0xjVPvhMcrg?t=945) โ€” [H1] Improved Development Experience - Key idea: Skills-enabled Claude provides better WordPress development workflow - Evidence: "Much easier to deal with... a lot better of a working experience" ## ๐Ÿ“š References - [WordPress Agent Skills Repository](https://github.com/WordPress/agent-skills) - [Anthropic Agent Skills Documentation](https://www.anthropic.com/agent-skills) - [WordPress Playground](https://playground.wordpress.net/) ## ๐Ÿ—ฃ๏ธ Paraphrase - WordPress has created specialized training modules for AI coding assistants that teach them WordPress development best practices through structured markdown files - These AI skills prevent common mistakes by providing guardrails and references, making AI-generated WordPress code more reliable and secure - Developers can selectively install skills for specific areas like plugin development or block creation, improving their AI assistant's WordPress knowledge ## ๐Ÿ“ฐ Newsletter ๐Ÿš€ **WordPress + AI Just Got Smarter** The WordPress team just released Agent Skills for AI coding assistants like Claude Code! These specialized training modules teach AI assistants WordPress best practices, security patterns, and development workflows. **What's New:** 9+ skills covering plugin development, block creation, REST API, and more. Install with one npm command and watch your AI assistant generate better WordPress code with proper nonces, database handling, and security practices. **Try It:** `npx open-skills install WordPress agent-skills` in your project directory. Your AI assistant will suddenly know WordPress conventions and stop making up APIs! Resources: [WordPress Agent Skills](https://github.com/WordPress/agent-skills), [Learn WordPress](https://learn.wordpress.org/), [Developer Docs](https://developer.wordpress.org/) ## โœ… Action Items #### WordPress - Core AI: evaluate agent skills integration with official WordPress AI initiatives - Documentation: create comprehensive guide for agent skills setup and usage - Community: promote agent skills adoption through WordCamp presentations - Training: develop curriculum around AI-assisted WordPress development - Plugin Review: assess if agent skills-generated plugins meet review standards #### DevRel - Education: create workshop series on AI-assisted WordPress development - Developer experience: document common pitfalls and solutions with agent skills - Community management: moderate discussions around AI-generated code quality ## ๐Ÿงช Hypotheses - Agent skills will reduce WordPress development bugs by 30-50% in AI-generated code - Developers using skills-enabled AI will complete plugin prototypes 2-3x faster - Agent skills adoption will correlate with improved WordPress coding standard compliance - Skills-based AI assistance will lower barrier to entry for new WordPress developers ### ๐Ÿ“Š Methodology - A/B test development time with/without agent skills across cohorts - Static analysis comparison of security vulnerabilities in AI-generated code - Survey developers on confidence levels and learning outcomes ### โ“ Questions - How will agent skills evolve with WordPress core updates and new APIs? - What metrics will determine the success of agent skills in the WordPress ecosystem? - How can the community contribute additional specialized skills for niche use cases? ### ๐Ÿ”ฎ Future Research - Integration patterns between agent skills and WordPress development environments - Impact assessment on developer learning curves and skill development - Community governance models for maintaining and updating agent skills ### ๐Ÿ’ก Implications - Practice: Fundamental shift toward AI-assisted WordPress development workflows - Education: Need for new training materials covering AI collaboration in development - Security: Potential reduction in common WordPress security vulnerabilities - Community: Changed dynamics around code review and mentorship practices ### ๐Ÿง  Learning Styles Assessment Reading level estimate: Grade 10-12 #### ๐Ÿ‘€ Visual learners - Present: Screen recordings of installation and plugin creation process - Improve: Architecture diagrams showing skills integration, workflow flowcharts #### ๐Ÿ”Š Aural learners - Present: Video narration explaining concepts and demonstrations - Improve: Podcast-style discussion on AI development implications #### ๐Ÿ—ฃ๏ธ Verbal learners - Present: Clear analogies between skills and training modules - Improve: Glossary of agent skills terminology, comparison tables #### ๐Ÿงฉ Kinesthetic learners - Present: Step-by-step installation and usage demonstration - Improve: Interactive labs for testing different skills combinations #### ๐Ÿง  Logical learners - Present: Sequential workflow from installation to plugin deployment - Improve: Decision trees for skill selection, performance metrics #### ๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘ Social learners - Present: Encouragement for community feedback and sharing experiences - Improve: Developer forums for agent skills troubleshooting #### ๐Ÿง˜โ€โ™€๏ธ Solitary learners - Present: Complete walkthrough enabling independent experimentation - Improve: Self-assessment checklist for skill mastery #### ๐ŸŒฟ Naturalistic learners - Present: Development workflow as ecosystem evolution - Improve: Connections to sustainable development practices ### ๐Ÿ“Š Accessibility Assessment #### Screen reader semantics - Present: Clear video title and description structure - Improve: Detailed alt text for code screenshots, timestamped transcript #### Keyboard navigation - Present: Standard YouTube player controls - Improve: Chapter navigation, keyboard shortcuts documentation #### Contrast and readability - Present: High contrast code editor and terminal displays - Improve: Verify all text meets 4.5:1 contrast standards #### Media and captions - Present: Auto-generated captions available - Improve: Professional captions with technical term accuracy ### ๐ŸŒ DEIB Assessment #### Cultural breadth - Present: English-language content with global WordPress focus - Improve: Acknowledge diverse development environments and constraints #### Inclusive language - Present: Gender-neutral technical language - Improve: Define technical jargon, avoid assumptions about prior knowledge #### Neurodiversity support - Present: Clear step-by-step structure - Improve: More frequent headings, consistent formatting #### Representation - Present: Focus on technical content without exclusionary examples - Improve: Diverse use cases beyond Western business contexts ### โœ… Logical Validity #### Strong reasoning - Deductive strength: Clear cause-effect between skills and improved AI output - Inductive strength: Single demonstration generalizes to broader use cases - Causal reasoning: Links AI errors to lack of domain knowledge effectively #### Fallacies - Hasty generalization: Single plugin demo may not represent all use cases - Appeal to novelty: New technology assumed superior without extensive comparison #### Tone of voice - Overall tone: Enthusiastic and educational, appropriate for technical tutorial ### ๐Ÿ›ก๏ธ DARVO Analysis - Deny: No denial patterns present - Attack: No attacks on critics or alternative approaches - Reverse victim/offender: Not applicable to technical content - Emotional cues: Positive enthusiasm without manipulation ## ๐ŸŽฏ Conclusion WordPress Agent Skills represent a significant advancement in AI-assisted development, providing structured knowledge that improves code quality and developer productivity. The practical demonstration shows immediate value for plugin development workflows. Next steps for developers include experimenting with different skill combinations and contributing feedback to the WordPress community. This technology signals a broader shift toward AI collaboration in development work while maintaining WordPress coding standards and security practices. ## ๐Ÿงฑ Refactor Appendix ### ๐Ÿ“š Literature Split Pad Purpose: Stage CEE units that become Literature notes. Split level: H3 ### [H1] Agent skills provide structured AI training for WordPress development > [!quote] [Claude Code: Intro to Agent Skills in WordPress](https://www.youtube.com/watch?v=0xjVPvhMcrg) by an unnamed author via [[YouTube]]. Published 2025-01-03. Accessed 2025-01-03. > "Skills give it a bit of a guard rail to stick to a plan and best practices." Demonstrates how structured training prevents AI coding assistants from generating WordPress code with security vulnerabilities or deprecated patterns. [view highlight](https://youtu.be/0xjVPvhMcrg?t=735#H1) #ai-development #wordpress ID:rw_001 ### [H2] WordPress agent skills installation simplifies AI enhancement workflow > [!quote] [Claude Code: Intro to Agent Skills in WordPress](https://www.youtube.com/watch?v=0xjVPvhMcrg) > "npx open-skills install WordPress agent-skills" Single command adds comprehensive WordPress knowledge to AI assistants, enabling selective skill installation for specific development needs. [view highlight](https://youtu.be/0xjVPvhMcrg?t=375#H2) #developer-tools #workflow ID:rw_002 --- ### ๐Ÿ”– Atomic Split Pad (Zettel Candidates) Purpose: Promote reusable claims into Atomic notes. Split level: H4 #### [Z1] AI coding assistants benefit from domain-specific training constraints - Applies to any specialized development environment beyond WordPress - Pointer to 12:15 timestamp demonstrating guardrails concept - Links: [[AI-Development]] [[Code-Quality]] [[Domain-Knowledge]] #### [Z2] Markdown-based skill definition enables community-maintained AI training - Scalable approach for any technical community to enhance AI assistants - Pointer to 05:20 showing skill structure and references - Links: [[Open-Source-AI]] [[Community-Governance]] [[Knowledge-Management]] --- ### โœ๏ธ Fleeting Queue Purpose: Capture quick actions for Fleeting notes. - [F1] Test agent skills with different WordPress development scenarios โ€” validation needed #fleeting #experiment - [F2] Compare code quality metrics before/after agent skills adoption โ€” research opportunity #fleeting #analysis - [F3] Explore contributing custom skills to WordPress agent skills repository โ€” community involvement #fleeting #contribution --- ## Full Transcript [00:00] Hey, welcome back to the channel. In<br>[00:02] this video, I want to talk about the new<br>[00:03] AI agent skills for WordPress. This is a<br>[00:07] uh initiative by the WordPress team and<br>[00:10] automatic that will allow you to add<br>[00:13] skills to your AI coding assistants like<br>[00:15] cloud code or codeex. And essentially<br>[00:18] these are based on the open protocol<br>[00:20] agent skills from Anthropic that was a<br>[00:23] open protocol that was released at the<br>[00:25] end of 2025 last year that allow you to<br>[00:28] add skills to your AI coding assistance<br>[00:31] that um allow it to perform you know<br>[00:34] repeatable tasks um that will allow it<br>[00:37] to really perform better actions within<br>[00:39] a sort of defined set of parameters. And<br>[00:43] essentially these are just markdown<br>[00:44] files that you load into your AI coding<br>[00:47] assistant. And um it really just gives<br>[00:50] it more powerful more context and let it<br>[00:53] perform again repeatable tasks that will<br>[00:56] allow it to um not go off the guard<br>[00:59] rails too much. And so I just wanted to<br>[01:01] go through like what these are, how to<br>[01:03] set them up, how to use them, and why<br>[01:05] you might want to benefit from these uh<br>[01:07] if you're building within WordPress. So<br>[01:10] let's just jump right into it. I'll<br>[01:11] share all the links for this stuff down<br>[01:13] in the description of this video and um<br>[01:15] you can follow along. So, this uh<br>[01:17] article just came out a few days ago and<br>[01:20] this is um we'll go through this uh what<br>[01:23] this is and I'll just jump over really<br>[01:26] quick before we get started. The the AI<br>[01:28] agent skills is an open protocol as I<br>[01:30] mentioned from Anthropic themselves. So,<br>[01:33] what what are agent skills? agent<br>[01:35] skills. Uh really just give your your AI<br>[01:37] agent um an increasingly capable skill<br>[01:41] set to give it context where it can<br>[01:44] perform um user specific context across<br>[01:48] you know a a broad range of skills uh<br>[01:51] where it can load the skills on demand<br>[01:53] from a markdown file. And you can build<br>[01:56] these skills out from existing skills<br>[01:58] around the internet. Um you can create<br>[02:00] your own skills. Um you can load them<br>[02:03] globally or in a project by project<br>[02:06] basis but essentially u they are just a<br>[02:09] bunch of markdown files that you can<br>[02:11] load in and um you can see the structure<br>[02:13] of what a skill is. Um, skills have a<br>[02:17] required set of instructions and a<br>[02:19] little bit of metadata, but really you<br>[02:20] just name your your skill and you give<br>[02:22] it a description and you know you can<br>[02:24] give them some optional uh subset of<br>[02:26] like capabilities and requirements in a<br>[02:29] markdown format and then the AI agent<br>[02:33] like cloud code chooses to load those<br>[02:36] skills and perform um a set of<br>[02:39] instructions based on that skill. And so<br>[02:41] why this is useful is if you've ever<br>[02:44] tried to use clawed code um and tried to<br>[02:46] perform actions within WordPress without<br>[02:49] these types of skills, sometimes it can<br>[02:51] kind of go off the rails and um make<br>[02:55] things up or just not really perform in<br>[02:57] a in a predictable manner. And so what<br>[03:00] the team at Automatic has done is is<br>[03:02] give us some skills uh that we can load<br>[03:05] in that uh will are WordPress specific.<br>[03:09] And so that's what this article is<br>[03:11] giving us here. This is particularly<br>[03:13] about the WordPress playground, but<br>[03:15] there's like nine or so other skills<br>[03:18] that we can load in uh that will give<br>[03:20] Claude Code or Codeex or your other<br>[03:23] favorite AI coding assistant um<br>[03:26] additional context to be able to perform<br>[03:29] specific WordPress tasks um in a<br>[03:32] repeatable way. And um again, it will be<br>[03:35] able to not go off the guard rails too<br>[03:38] much. And so this is really beneficial<br>[03:41] if you've been using cloud code in the<br>[03:43] past and felt like it doesn't seem to uh<br>[03:48] understand the WordPress database too<br>[03:50] much or it seems to make a mistake and<br>[03:54] sometimes it works. This will give you a<br>[03:56] little bit more predictability<br>[03:59] um to do some of those really important<br>[04:00] tasks of plug-in development, theme<br>[04:02] development, working with the REST API,<br>[04:05] working with the abilities API, working<br>[04:07] with the CLI, um working with PHP in<br>[04:10] general, these types of skills that you<br>[04:12] can um give to cloud code, it's going to<br>[04:15] really help you out. So, I'm going to<br>[04:16] show you how to get these installed into<br>[04:18] Cloud Code and we'll um we'll go through<br>[04:21] them. So, um, here is this article<br>[04:25] that's going to tell you a little bit<br>[04:27] about what this particular skill right<br>[04:29] now. It just has playground, uh, in<br>[04:31] here. Um, but you can, um, scroll down a<br>[04:35] little bit further and you can actually<br>[04:37] see the GitHub repo. And if we open<br>[04:40] that,<br>[04:41] it's going to show you all these other<br>[04:44] agent skills. Here we can see all these<br>[04:47] available skills. Here we have uh what<br>[04:50] the skill name is and what it does, what<br>[04:52] it teaches Cloud Code to do. So we have<br>[04:55] ones for uh WordPress block development,<br>[04:58] block themes, plug-in development, REST<br>[05:01] API, the interactivity API, abilities<br>[05:04] API, CLI, performance, PHP playground<br>[05:10] design system. So, we have quite a few<br>[05:12] different uh skills that we're able to<br>[05:14] teach Claude Code that are um you know<br>[05:18] within the WordPress realm. And so, we<br>[05:21] can pick and choose which skills we we<br>[05:23] install into our project. And so, let's<br>[05:26] do just that. So, you can come to this<br>[05:29] repo and you can actually you can do you<br>[05:32] can choose to install all the skills<br>[05:33] into your project or just select which<br>[05:35] ones you want. So um again you can<br>[05:39] actually click through and and uh check<br>[05:42] out the skills here also if you want to<br>[05:44] like you know look through the code. So<br>[05:46] you can actually see the uh the markdown<br>[05:48] themselves. And also the cool thing is<br>[05:51] the uh they have references within them<br>[05:54] too. So the these are kind of very<br>[05:56] comprehensive<br>[05:58] um skills too. It's not just one single<br>[06:00] markdown per skill. That's like a skill<br>[06:02] that references<br>[06:04] uh within its own project folder, too.<br>[06:06] So, uh anyway, I'm going to go and and<br>[06:08] install this. So, to install this, you<br>[06:11] just need to copy this npx open skills<br>[06:13] install WordPress agent-skills.<br>[06:16] So, I will copy that. And I'm going to<br>[06:19] open uh WordPress Studio. I've got just<br>[06:22] a blank WordPress install here. So, uh<br>[06:24] I've got this site running. And I'm<br>[06:26] going to click this uh VS Code extension<br>[06:29] here. So, I can click that and that will<br>[06:32] open up a VS Code install here for me.<br>[06:36] And I'll make this nice and big so we<br>[06:38] can see it. And this is basically just a<br>[06:41] blank WordPress install here that I<br>[06:43] have. And now I'm able to um open up my<br>[06:47] terminal and I can install this, right?<br>[06:49] So um you know, if I didn't have that<br>[06:51] open, I could in open up the terminal<br>[06:53] here. And now I just need to run that<br>[06:56] terminal command here. And I can choose<br>[06:58] to install the skills. So if you haven't<br>[07:01] run this before, it'll ask you to run<br>[07:04] the open skills uh first. So you just<br>[07:07] you hit Y to install that. I've already<br>[07:10] done that, so we'll skip that part. Um<br>[07:13] so right now it's saying we've in we<br>[07:15] found all these repositories and we're<br>[07:16] going to choose which ones to install.<br>[07:18] So by default it's selected all of them<br>[07:20] for me. If I want to unselect those,<br>[07:23] I'll hit I. And then you can go through<br>[07:25] and choose which ones to install. So<br>[07:27] let's say we want to install like<br>[07:30] abilities API plug block development,<br>[07:33] block themes.<br>[07:35] Let's say we want plug-in development,<br>[07:38] uh project triage and rest API<br>[07:42] and I don't know design system. So um<br>[07:46] you know you if you want you can install<br>[07:48] all of them. Uh, I'm just going to<br>[07:50] install those for now. So, I will go<br>[07:53] ahead and hit enter.<br>[07:57] And it's saying those already exist. So,<br>[08:00] it's probably because I've already done<br>[08:01] this before. So, I will just say yes.<br>[08:04] We'll overwrite those.<br>[08:08] And I'm just going to overwrite these.<br>[08:13] Okay.<br>[08:15] So now um I've installed those. You'll<br>[08:19] probably have a fresh install when you<br>[08:20] install those. So once those are<br>[08:22] installed, you'll be able to see them in<br>[08:24] your project folder. So we see uh our<br>[08:27] cloud folder and now we have all those<br>[08:31] um skills installed in our project<br>[08:34] folder. So they're not installed<br>[08:36] globally. They're just installed in this<br>[08:38] uh individual project. Um, but now I see<br>[08:41] our skills here and I can now these are<br>[08:44] the same ones that were in that repo. So<br>[08:46] we have our skills here and we can open<br>[08:48] them up and see kind of know what they<br>[08:50] are and and what they do. So just like<br>[08:52] in the repo that we have our uh the name<br>[08:55] of our skill, the description of what it<br>[08:56] is. So we have block development and the<br>[08:59] description is you know use this skill<br>[09:00] when developing WordPress Gutenberg<br>[09:02] blocks. Uh you know use the block.json<br>[09:05] metadata register block type from the<br>[09:08] metadata. use attributes, serialization,<br>[09:12] all that good stuff. So now it is using<br>[09:16] those skills. So<br>[09:19] there we go. It seems like it is<br>[09:21] working. We have our skills installed in<br>[09:23] our folder and now we can um decide to<br>[09:28] use these skills if we wish in our<br>[09:29] project. So now we can initialize Claude<br>[09:32] and start using the skills. So let's go<br>[09:34] ahead and open<br>[09:36] um an instance of Claude here.<br>[09:46] and let's say<br>[09:48] make a WordPress plugin<br>[09:51] that<br>[09:54] um you know<br>[09:57] creates I don't know testimonials<br>[10:00] with a star rating<br>[10:04] called my testimonials.<br>[10:09] um<br>[10:11] that has a<br>[10:13] heading<br>[10:16] for the person's name,<br>[10:20] a description,<br>[10:23] the stars, and<br>[10:26] a select field for the job title.<br>[10:34] President<br>[10:37] vice president<br>[10:41] uh founder and<br>[10:45] I don't know um sales<br>[10:50] salesperson. I can't I can't think think<br>[10:52] on my feet here guys. Uh we're just<br>[10:54] going to um you know have it have it<br>[10:57] basically just create some fields here<br>[10:58] for us and it should invoke the um skill<br>[11:04] for us.<br>[11:06] using the WordPress plug-in skill<br>[11:14] plug-in develop development<br>[11:18] skill.<br>[11:20] Okay. So<br>[11:24] now it should be able to um initialize<br>[11:28] the development of that plug-in skill.<br>[11:30] And so now we can see right here it is<br>[11:33] loading that skill<br>[11:36] into the creation of this block. So into<br>[11:39] this plugin. So it's going to be<br>[11:41] creating a plugin u making sure that it<br>[11:44] is using the skill<br>[11:47] um<br>[11:50] the plug-in development skill. So it's<br>[11:52] going to read this skill and say that<br>[11:55] we're going to use this skill to um you<br>[11:59] know architect the plug-in development<br>[12:01] here. So it's going to make sure that it<br>[12:02] uses the correct security nonses and the<br>[12:05] data storage and the settings API and<br>[12:08] the correct practices for this because<br>[12:11] otherwise it will not use the the best<br>[12:14] practices basically. Um and if you've<br>[12:16] ever used that otherwise you will know<br>[12:18] that. Um, so anyway, we're just going to<br>[12:21] give Claude all the permissions to do<br>[12:22] that and it should get to work building<br>[12:24] that plugin directly for us and it will<br>[12:26] be available to us in our WordPress site<br>[12:28] shortly.<br>[12:33] So, it's going to and you can see also<br>[12:35] you can kind of follow along with<br>[12:36] Claude. Uh, here it's saying let me read<br>[12:39] the skill references for best practices<br>[12:41] and then create the plugin. So, it's<br>[12:42] going through sort of a step-by-step<br>[12:44] process without the skill references. it<br>[12:47] kind of just gets to work and it's going<br>[12:49] to be different each time you run this.<br>[12:51] So, the skills give it a bit of a guard<br>[12:53] rail to um to stick to a bit of a a plan<br>[12:58] and it's going to um stick to best<br>[13:01] practices when it comes to WordPress<br>[13:03] plug-in development. So, now we uh wait<br>[13:07] for the magic to happen.<br>[13:12] And um<br>[13:15] so now we have our<br>[13:18] um I'm going to allow<br>[13:21] doing this uh allow it to create the<br>[13:24] plugin.<br>[13:32] Let's doing a little bit of styling<br>[13:34] here. The other thing that we can see<br>[13:36] here is I think I can do skills and I<br>[13:39] can list all my skills.<br>[13:45] And so there I can actually see all the<br>[13:47] skills that that Claude has uh in here.<br>[13:51] You can see my plug-in skills. So that's<br>[13:53] one that's loaded from uh Claude itself<br>[13:56] at the global level. And then all my<br>[13:58] project skills here that are loaded just<br>[14:01] from within this project. So anyway, uh<br>[14:06] so here we go. It's finished with my<br>[14:08] plugin. It's uh my my testimonial plugin<br>[14:11] has been created. My plugin is created.<br>[14:14] Here we have got features.<br>[14:16] Um<br>[14:19] uh we have got a description. We've got<br>[14:22] admin features. We've got a front-end<br>[14:23] display.<br>[14:28] We're going to activate the plugin.<br>[14:38] We're going to<br>[14:41] Now, this is telling me I've need I need<br>[14:42] to add custom post types, which I don't<br>[14:45] think I want.<br>[14:49] So, anyway, let's open up the site and<br>[14:51] see what it's created for us. So, let's<br>[14:53] open up the site. Let's go to plugins.<br>[14:57] We can see our testimonials plugin is<br>[14:59] created here. Let's activate that.<br>[15:04] We can see our testimonials here. It's<br>[15:07] created a way for us to create<br>[15:08] testimonials. Let's go ahead and create<br>[15:10] that.<br>[15:13] And uh let's go ahead and make one here.<br>[15:18] Let's make one for uh Michael Scott<br>[15:26] for the best.<br>[15:30] It's created some custom fields here.<br>[15:32] So, we've got our star rating. There's<br>[15:35] our drop down for our job title. Let's<br>[15:38] go ahead and publish that.<br>[15:52] All right. And now<br>[15:55] we should be able to drop in the short<br>[15:58] code. Let's go ahead and just create a<br>[16:00] new page<br>[16:02] called testimonials.<br>[16:07] And I believe if I come back here and I<br>[16:11] grab my short code, my new mood created<br>[16:14] short code.<br>[16:17] There's my short code. We'll publish<br>[16:19] that.<br>[16:33] and view it on the front end.<br>[16:37] Let's see what we got. And there we go.<br>[16:40] So, there's our custom plugin with some<br>[16:43] dynamic data brought in from a newly<br>[16:44] created post type called my<br>[16:46] testimonials. And we have our first<br>[16:49] testimonial with a dynamic star rating,<br>[16:52] a dynamic uh of ro and the actual<br>[16:56] content of the post title. So we've<br>[16:59] created a short code plug-in with uh<br>[17:03] post type created with it. And yeah, so<br>[17:07] that's basically what I wanted to show<br>[17:09] you guys with um with Cloud Code, just<br>[17:11] how easy it is to spin up a new plugin<br>[17:14] with the Claude Code skills. Uh these<br>[17:18] are skills that are available to anyone<br>[17:21] now. Um and it really makes the process<br>[17:25] of of working with WordPress in VS Code<br>[17:28] with Cloud Code or Codeex uh much much<br>[17:31] easier to to to deal with. Um, if you've<br>[17:34] used Claude Code without the skills, uh,<br>[17:37] without WordPress skills, um, I think<br>[17:40] you're going to find this is a lot<br>[17:42] better of a working experience. Um, so<br>[17:46] definitely check it out. You can install<br>[17:48] these much easier now and it's pretty<br>[17:52] easy to just sort of selectively choose<br>[17:53] what skills you want to work with. So<br>[17:55] definitely check out this repo. Um, I'll<br>[17:58] leave a link to all this stuff down in<br>[17:59] the description. So let me know what you<br>[18:01] think. Are you using Cloud Code to work<br>[18:03] with WordPress already? Um, let me know<br>[18:06] what you think. I'll uh be making more<br>[18:08] of this kind of content with Cloud Code<br>[18:10] and WordPress and um AI. So, let me know<br>[18:15] what you think. I'll see you guys in the<br>[18:17] next one. Peace. <!-- deep-read:sections end -->