<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Top AI Skills</title><link>https://topaiskills.com/</link><description>Recent content on Top AI Skills</description><generator>Hugo</generator><language>en</language><lastBuildDate>Wed, 22 Jul 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://topaiskills.com/index.xml" rel="self" type="application/rss+xml"/><item><title>AI Workflow Automation FAQ: Tools, Setup, and Best Practices</title><link>https://topaiskills.com/tutorials/guides/ai-workflow-automation-faq/</link><pubDate>Wed, 22 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/ai-workflow-automation-faq/</guid><description>&lt;p&gt;You know AI can write code, generate images, and answer questions. But can it string those capabilities together into an automated process that runs while you sleep? That is the promise of AI workflow automation — and it is easier to start than most people think.&lt;/p&gt;
&lt;h2 id="what-is-ai-workflow-automation-and-why-does-it-matter"&gt;What Is AI Workflow Automation and Why Does It Matter?&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;AI workflow automation is the practice of chaining multiple AI actions — prompts, tool calls, data lookups, conditional branches — into a single automated pipeline.&lt;/strong&gt; Instead of manually prompting a model for each step, you design a flow once and let it execute repeatedly.&lt;/p&gt;</description></item><item><title>10 Best AI Image Generation Tools in 2026: A Complete Roundup</title><link>https://topaiskills.com/tutorials/guides/top-ai-image-generation-tools-2026/</link><pubDate>Tue, 21 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/top-ai-image-generation-tools-2026/</guid><description>&lt;p&gt;You&amp;rsquo;ve got a dozen AI image generators to choose from in 2026, but picking the right one means understanding where each tool excels — photorealistic portraits, cinematic scenes, product shots, or anime art — because no single model does everything equally well.&lt;/p&gt;
&lt;h3 id="what-you-need-to-know-before-choosing"&gt;What You Need to Know Before Choosing&lt;/h3&gt;
&lt;p&gt;AI image generation has matured fast. In 2026, the market divides into three tiers: premium models with best-in-class quality (Midjourney, DALL-E 3, Flux Pro), fast and affordable alternatives (Stable Diffusion 3.5, Ideogram, Leonardo), and specialized tools for specific use cases (Kling for video-to-image, Recraft for branding).&lt;/p&gt;</description></item><item><title>A2A Protocol vs MCP: Which Agent Communication Protocol Fits Your Stack?</title><link>https://topaiskills.com/tutorials/comparison/a2a-protocol-vs-mcp/</link><pubDate>Tue, 21 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/comparison/a2a-protocol-vs-mcp/</guid><description>&lt;p&gt;Picking between A2A and MCP feels confusing because both are &amp;ldquo;agent protocols&amp;rdquo; — but they don&amp;rsquo;t actually compete.&lt;/p&gt;
&lt;p&gt;A2A (Agent-to-Agent) and MCP (Model Context Protocol) solve different layers of the same problem. MCP connects your AI model to tools and data. A2A lets agents talk to each other. You might need one, the other, or both depending on your setup.&lt;/p&gt;
&lt;p&gt;Let&amp;rsquo;s break down what each protocol actually does, where they overlap, and how to choose.&lt;/p&gt;</description></item><item><title>Developing Genkit with Dart</title><link>https://topaiskills.com/skills/coding/developing-genkit-dart/</link><pubDate>Mon, 20 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/coding/developing-genkit-dart/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;An official Firebase skill that teaches AI coding agents how to work with Google&amp;rsquo;s Genkit framework in Dart. If you&amp;rsquo;re building AI features into Flutter or server-side Dart apps, this skill gives your agent the context it needs to write Genkit flows, connect to models, and handle AI responses correctly.&lt;/p&gt;
&lt;h2 id="why-it-matters"&gt;Why It Matters&lt;/h2&gt;
&lt;p&gt;Genkit is Google&amp;rsquo;s open-source framework for building AI-powered applications. It handles the messy parts — prompt management, model integration, output parsing, and observability. But most AI agents don&amp;rsquo;t know Genkit&amp;rsquo;s API structure out of the box. They guess, and they guess wrong.&lt;/p&gt;</description></item><item><title>I Let AI Agents Refactor My React Codebase — The Results Were Brutally Honest</title><link>https://topaiskills.com/tutorials/guides/ai-agent-refactoring-experience/</link><pubDate>Mon, 20 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/ai-agent-refactoring-experience/</guid><description>&lt;h2 id="most-ai-refactoring-advice-is-useless-without-context"&gt;Most AI Refactoring Advice Is Useless Without Context&lt;/h2&gt;
&lt;p&gt;I spent three weeks letting AI coding agents refactor a medium-sized React app — about 15K lines across 80 components. The results: some genuinely clever improvements, a few WTFs, and one incident that dropped our test coverage by 12%. Here is the raw breakdown.&lt;/p&gt;
&lt;h2 id="the-setup-why-my-codebase-needed-a-strangers-opinion"&gt;The Setup: Why My Codebase Needed a Stranger&amp;rsquo;s Opinion&lt;/h2&gt;
&lt;p&gt;My team&amp;rsquo;s React app started life as a quick prototype. Two years and six developers later, it is a production app with 80+ components, a custom design system that nobody documented, and a test suite that started at 92% coverage but had been slowly bleeding. We knew the code needed love, but nobody had the time to audit every component.&lt;/p&gt;</description></item><item><title>How to Generate AI Videos from the Command Line: A Step-by-Step Guide</title><link>https://topaiskills.com/tutorials/guides/ai-video-terminal-guide/</link><pubDate>Sun, 19 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/ai-video-terminal-guide/</guid><description>&lt;p&gt;You want AI-generated video without bouncing between browser tabs and credit systems — but every tool has its own UI, signup flow, and output format.&lt;/p&gt;
&lt;h2 id="why-the-cli-beats-web-uis-for-video-generation"&gt;Why the CLI Beats Web UIs for Video Generation&lt;/h2&gt;
&lt;p&gt;Most AI video tools are designed as standalone web apps. You log in, type a prompt, wait for the render, and download the result. For a single video, that&amp;rsquo;s fine. For batch work — generating B-roll for a tutorial, testing prompts across models, or integrating video output into an automation pipeline — browser-based workflows fall apart fast.&lt;/p&gt;</description></item><item><title>AI Video Generation FAQ 2026: Everything You Need to Know</title><link>https://topaiskills.com/tutorials/guides/ai-video-generation-faq-2026/</link><pubDate>Sat, 18 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/ai-video-generation-faq-2026/</guid><description>&lt;script type="application/ld+json"&gt;{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"AI video generation uses machine learning models to create video content from text descriptions, images, or existing footage. Most tools in 2026 use diffusion-based architectures (similar to image generators like Midjourney) but extended to handle the temporal dimension — they generate multiple frames that maintain consistency across time. You type a prompt like 'a golden retriever surfing at sunset,' and the model produces a short video clip. The best results come from adding negative prompts (what you don't want), style references, and motion guidance."},"name":"What is AI video generation and how does it work?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"There's no single winner — it depends on what you're making. Sora by OpenAI leads on pure visual quality and realistic motion, but access is still limited. Kling 3.0 from Kuaishou is the best all-rounder: high quality, fast generation, and the most affordable credit system. Runway Gen-4 excels at video-to-video editing and has the most professional features like multi-layer compositing. Pika 3.0 is the easiest to pick up for beginners with its simple interface and fast previews. HeyGen is the go-to for talking-head avatar videos and business presentations."},"name":"Which AI video generator is best in 2026?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"It ranges from free to hundreds per month. Free tiers exist on most platforms — Pika gives 5 seconds per month, Runway offers 10 credits, Kling gives new users 20 credits. Real work gets pricier: Sora costs around $50/month for 1080p generation. Professional users on Runway or Kling can expect $100-300/month for regular output. The cheapest per-second cost right now is Kling 3.0, and the most expensive is Sora. Compare current pricing on our [LLM API pricing guide](/tutorials/guides/llm-api-pricing-2026/)."},"name":"Is AI video generation expensive?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Most tools generate 5-10 second clips in 30 seconds to 3 minutes. Kling 3.0 is the fastest — often under a minute for a 5-second 1080p clip. Runway Gen-4 takes 2-3 minutes but offers higher quality. Sora can take anywhere from 1-10 minutes depending on resolution and length. Generating longer videos (15-30 seconds) usually requires chaining multiple clips together or using specific 'extend' features. Pro tip: lower resolutions generate much faster, and you can upscale afterward."},"name":"How long does AI video generation take?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Yes, but the terms vary. Runway grants full commercial rights for all paid plans. Kling 3.0 allows commercial use of generated content. Pika gives commercial rights for Pro subscribers. Sora's terms are still evolving — OpenAI claims ownership transfers to you, but the training data debate continues. HeyGen explicitly allows commercial use for presentations and marketing. Always check the latest ToS — most platforms have become more permissive in 2026, but some still restrict use in sensitive industries like news or healthcare."},"name":"Can I use AI-generated videos commercially?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"If you're using cloud services (Sora, Kling, Runway, Pika), you just need a modern browser — no special hardware required. Everything runs on their servers. Local generation is a different story: open-source models like Stable Video Diffusion need an NVIDIA GPU with at least 12GB VRAM for decent results, and 24GB is recommended for higher resolutions. A 4090 or better handles local generation OK, but expect 5-15 minutes per clip. For most people, cloud services are the practical choice."},"name":"What are the hardware requirements for running AI video generation?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"In 2026, most tools natively support up to 1080p resolution and 10-15 second clips. Sora and Kling 3.0 can reach 4K with upscaling. Clip length is still limited — the sweet spot is 5-10 seconds where quality is highest. Going beyond 15 seconds often introduces inconsistencies or artifacts. For longer content, you create a sequence of clips and stitch them in traditional editing software. Runway Gen-4 has the most reliable 'extend previous clip' feature for creating smooth transitions between segments."},"name":"What resolution and length can AI video generators produce?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"This is the hardest problem in AI video right now. Your best bet is Runway Gen-4, which has the strongest character consistency features — upload reference images and describe the scene. Kling 3.0 supports image-to-video with good consistency if you use the same reference image. Sora handles style consistency well through detailed prompts but still struggles with exact character replication across different scenes. Practical approach: plan videos that don't require exact character matching between shots, or use the same seed/init image for every clip in a sequence."},"name":"How do I get consistent characters and scenes across multiple clips?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Text-to-video generates a clip entirely from your prompt — good for creative or abstract concepts but harder to control. Image-to-video takes a static image (photo, drawing, or AI-generated still) and animates it. Image-to-video is far more predictable: you control the composition, lighting, and subject beforehand, then the AI adds motion. Most professionals use a hybrid workflow: generate keyframes with Midjourney or DALL-E, then animate them with Kling 3.0 or Runway Gen-4 for the most control."},"name":"What's the difference between text-to-video and image-to-video?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Not anytime soon, but it's already changing pre-production and short-form content. AI video is excellent for concept visualization, mood boards, social media content, and rapid prototyping. For narrative filmmaking, the lack of consistent characters, limited clip lengths, and generation unpredictability make it a supplementary tool rather than a replacement. Think of it as a supercharged storyboard tool that sometimes produces usable final footage — especially for B-roll, backgrounds, and abstract sequences. The filmmakers winning with AI are the ones who treat it as one tool in a larger production pipeline, not a complete replacement."},"name":"Will AI video replace traditional filmmaking?"}]}&lt;/script&gt;
&lt;div class="space-y-6 mt-8"&gt;
 &lt;h2 class="text-xl font-bold text-foreground mb-6"&gt;Frequently Asked Questions&lt;/h2&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;What is AI video generation and how does it work?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 AI video generation uses machine learning models to create video content from text descriptions, images, or existing footage. Most tools in 2026 use diffusion-based architectures (similar to image generators like Midjourney) but extended to handle the temporal dimension — they generate multiple frames that maintain consistency across time. You type a prompt like &amp;lsquo;a golden retriever surfing at sunset,&amp;rsquo; and the model produces a short video clip. The best results come from adding negative prompts (what you don&amp;rsquo;t want), style references, and motion guidance.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Which AI video generator is best in 2026?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 There&amp;rsquo;s no single winner — it depends on what you&amp;rsquo;re making. Sora by OpenAI leads on pure visual quality and realistic motion, but access is still limited. Kling 3.0 from Kuaishou is the best all-rounder: high quality, fast generation, and the most affordable credit system. Runway Gen-4 excels at video-to-video editing and has the most professional features like multi-layer compositing. Pika 3.0 is the easiest to pick up for beginners with its simple interface and fast previews. HeyGen is the go-to for talking-head avatar videos and business presentations.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Is AI video generation expensive?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 It ranges from free to hundreds per month. Free tiers exist on most platforms — Pika gives 5 seconds per month, Runway offers 10 credits, Kling gives new users 20 credits. Real work gets pricier: Sora costs around $50/month for 1080p generation. Professional users on Runway or Kling can expect $100-300/month for regular output. The cheapest per-second cost right now is Kling 3.0, and the most expensive is Sora. Compare current pricing on our &lt;a href="https://topaiskills.com/tutorials/guides/llm-api-pricing-2026/"&gt;LLM API pricing guide&lt;/a&gt;.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;How long does AI video generation take?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Most tools generate 5-10 second clips in 30 seconds to 3 minutes. Kling 3.0 is the fastest — often under a minute for a 5-second 1080p clip. Runway Gen-4 takes 2-3 minutes but offers higher quality. Sora can take anywhere from 1-10 minutes depending on resolution and length. Generating longer videos (15-30 seconds) usually requires chaining multiple clips together or using specific &amp;rsquo;extend&amp;rsquo; features. Pro tip: lower resolutions generate much faster, and you can upscale afterward.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Can I use AI-generated videos commercially?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Yes, but the terms vary. Runway grants full commercial rights for all paid plans. Kling 3.0 allows commercial use of generated content. Pika gives commercial rights for Pro subscribers. Sora&amp;rsquo;s terms are still evolving — OpenAI claims ownership transfers to you, but the training data debate continues. HeyGen explicitly allows commercial use for presentations and marketing. Always check the latest ToS — most platforms have become more permissive in 2026, but some still restrict use in sensitive industries like news or healthcare.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;What are the hardware requirements for running AI video generation?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 If you&amp;rsquo;re using cloud services (Sora, Kling, Runway, Pika), you just need a modern browser — no special hardware required. Everything runs on their servers. Local generation is a different story: open-source models like Stable Video Diffusion need an NVIDIA GPU with at least 12GB VRAM for decent results, and 24GB is recommended for higher resolutions. A 4090 or better handles local generation OK, but expect 5-15 minutes per clip. For most people, cloud services are the practical choice.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;What resolution and length can AI video generators produce?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 In 2026, most tools natively support up to 1080p resolution and 10-15 second clips. Sora and Kling 3.0 can reach 4K with upscaling. Clip length is still limited — the sweet spot is 5-10 seconds where quality is highest. Going beyond 15 seconds often introduces inconsistencies or artifacts. For longer content, you create a sequence of clips and stitch them in traditional editing software. Runway Gen-4 has the most reliable &amp;rsquo;extend previous clip&amp;rsquo; feature for creating smooth transitions between segments.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;How do I get consistent characters and scenes across multiple clips?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 This is the hardest problem in AI video right now. Your best bet is Runway Gen-4, which has the strongest character consistency features — upload reference images and describe the scene. Kling 3.0 supports image-to-video with good consistency if you use the same reference image. Sora handles style consistency well through detailed prompts but still struggles with exact character replication across different scenes. Practical approach: plan videos that don&amp;rsquo;t require exact character matching between shots, or use the same seed/init image for every clip in a sequence.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;What&amp;#39;s the difference between text-to-video and image-to-video?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Text-to-video generates a clip entirely from your prompt — good for creative or abstract concepts but harder to control. Image-to-video takes a static image (photo, drawing, or AI-generated still) and animates it. Image-to-video is far more predictable: you control the composition, lighting, and subject beforehand, then the AI adds motion. Most professionals use a hybrid workflow: generate keyframes with Midjourney or DALL-E, then animate them with Kling 3.0 or Runway Gen-4 for the most control.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Will AI video replace traditional filmmaking?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Not anytime soon, but it&amp;rsquo;s already changing pre-production and short-form content. AI video is excellent for concept visualization, mood boards, social media content, and rapid prototyping. For narrative filmmaking, the lack of consistent characters, limited clip lengths, and generation unpredictability make it a supplementary tool rather than a replacement. Think of it as a supercharged storyboard tool that sometimes produces usable final footage — especially for B-roll, backgrounds, and abstract sequences. The filmmakers winning with AI are the ones who treat it as one tool in a larger production pipeline, not a complete replacement.
 &lt;/div&gt;
 &lt;/details&gt;&lt;/div&gt;
&lt;h2 id="why-ai-video-generation-still-confuses-people"&gt;Why AI Video Generation Still Confuses People&lt;/h2&gt;
&lt;p&gt;AI video tools are improving fast — but the information landscape is a mess. Every week there&amp;rsquo;s a new model, a pricing change, or a capability leap that makes last month&amp;rsquo;s comparison outdated.&lt;/p&gt;</description></item><item><title>Yt Dlp Downloader — AI Agent Video Download Skill</title><link>https://topaiskills.com/skills/general/yt-dlp-downloader/</link><pubDate>Sat, 18 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/yt-dlp-downloader/</guid><description>&lt;h2 id="overview"&gt;Overview&lt;/h2&gt;
&lt;p&gt;Yt Dlp Downloader is an &lt;a href="https://topaiskills.com" rel="nofollow" target="_blank"&gt;AI agent skill&lt;/a&gt; that wraps the legendary &lt;a href="https://github.com/yt-dlp/yt-dlp" rel="nofollow" target="_blank"&gt;yt-dlp&lt;/a&gt; video downloader into something your AI can use on its own. Instead of remembering command-line flags and formats, you just tell your agent what you want — and it handles the rest.&lt;/p&gt;
&lt;p&gt;Think of it as a translator between you and yt-dlp. You say &amp;ldquo;grab this video in 1080p with subtitles,&amp;rdquo; your agent turns that into the right command, and the file lands in your Downloads folder. No flags to memorize, no syntax errors.&lt;/p&gt;</description></item><item><title>I Let AI Handle My Team's Approval Workflow for a Week — Here's What Happened</title><link>https://topaiskills.com/tutorials/guides/ai-approval-workflow-experiment/</link><pubDate>Fri, 17 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/ai-approval-workflow-experiment/</guid><description>&lt;p&gt;I handed my AI agent control over our team&amp;rsquo;s approval workflow for five days. Expense reports, leave requests, purchase orders — all processed through an AI skill. Here is what went right, what broke, and whether I would do it again.&lt;/p&gt;
&lt;h2 id="why-i-decided-to-try-this"&gt;Why I Decided to Try This&lt;/h2&gt;
&lt;p&gt;Our team runs on Lark. I manage a group of fifteen engineers, a couple of product managers, and a rotating cast of interns. Every week brings a steady stream of approval requests. Leave applications, hardware purchase requests, conference travel approvals, expense reports from team lunches — the kind of administrative overhead that is simple but constant.&lt;/p&gt;</description></item><item><title>Lark Approval - AI-Powered Approval Management for Feishu/Lark</title><link>https://topaiskills.com/skills/coding/lark-approval/</link><pubDate>Fri, 17 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/coding/lark-approval/</guid><description>&lt;h2 id="overview"&gt;Overview&lt;/h2&gt;
&lt;p&gt;Lark Approval is an AI-powered skill for managing approval workflows inside Lark (Feishu). It lets your AI agent interact with approval requests directly — viewing pending approvals, checking approval details, taking action on requests, and tracking the full history of approval instances. Instead of switching to the Lark mobile app or web interface every time a pending approval notification pops up, you can handle it right from your terminal through your AI coding assistant.&lt;/p&gt;</description></item><item><title>Best AI Tools for Students 2026: ChatGPT vs Claude vs Gemini vs Copilot</title><link>https://topaiskills.com/tutorials/comparison/best-ai-for-students-comparison/</link><pubDate>Wed, 15 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/comparison/best-ai-for-students-comparison/</guid><description>&lt;h2 id="the-short-version"&gt;The Short Version&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;There&amp;rsquo;s no single &amp;ldquo;best AI for students&amp;rdquo; — the right pick depends on what you&amp;rsquo;re studying and how you work.&lt;/strong&gt; ChatGPT is the jack-of-all-trades for essays, brainstorming, and quick answers. Claude excels at long-form research papers and document analysis. Gemini is your go-to if you live in Google Docs and need deep search integration. And GitHub Copilot is the default for CS and engineering students writing code.&lt;/p&gt;</description></item><item><title>Agent Email Inbox: Secure Email Access for AI Agents by Resend</title><link>https://topaiskills.com/skills/general/agent-email-inbox/</link><pubDate>Tue, 14 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/agent-email-inbox/</guid><description>&lt;p&gt;The Agent Email Inbox skill, built by &lt;a href="https://resend.com" rel="nofollow" target="_blank"&gt;Resend&lt;/a&gt; (the developer-friendly email API), gives your AI agent a secure email inbox it can read, search, and act on. Instead of switching to Gmail or Outlook every time you need to check a verification link, confirm a signup, or find an old thread, your agent handles it directly.&lt;/p&gt;
&lt;h2 id="what-it-does"&gt;What It Does&lt;/h2&gt;
&lt;p&gt;This skill is part of the larger &lt;a href="https://github.com/resend/resend-skills" rel="nofollow" target="_blank"&gt;resend-skills&lt;/a&gt; collection. The inbox skill specifically focuses on inbound email processing:&lt;/p&gt;</description></item><item><title>How to Set Up an Email-Powered AI Agent Workflow with Resend</title><link>https://topaiskills.com/tutorials/guides/ai-agent-email-automation/</link><pubDate>Tue, 14 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/ai-agent-email-automation/</guid><description>&lt;p&gt;Step-by-step guide to giving your AI agent email capabilities — read, send, and automate responses using Resend and the Agent Email Inbox skill. Total setup: about 10 minutes.&lt;/p&gt;
&lt;h3 id="what-were-building"&gt;What We&amp;rsquo;re Building&lt;/h3&gt;
&lt;p&gt;By the end of this tutorial, your AI agent will be able to read incoming emails, send replies, and trigger automated actions based on what arrives in your inbox. You won&amp;rsquo;t need to leave your terminal or switch to Gmail.&lt;/p&gt;</description></item><item><title>AI Agent Skills FAQ: Installation, Compatibility, and Troubleshooting Guide</title><link>https://topaiskills.com/tutorials/guides/ai-agent-skills-faq/</link><pubDate>Mon, 13 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/ai-agent-skills-faq/</guid><description>&lt;p&gt;&lt;strong&gt;Full disclosure:&lt;/strong&gt; I&amp;rsquo;ve been using skills daily since early 2026 across Claude Code, Cursor, and Codex. I&amp;rsquo;ve installed, tested, and broken enough skills to have opinions. This FAQ is based on real experience — not theory.&lt;/p&gt;
&lt;script type="application/ld+json"&gt;{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"AI agent skills are reusable knowledge packages that give your coding agent domain-specific expertise. When you install a skill, your agent loads structured reference files — API docs, best practices, code patterns, and troubleshooting guides — into its context. Instead of guessing or hallucinating, your agent answers from bundled reference material. Skills are installed via the skills.sh CLI with `npx skills add \u003cowner\u003e/\u003crepo\u003e`, and your agent picks them up on the next interaction."},"name":"What are AI agent skills and how do they work?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Installation is the same across all agents. Run `npx skills add \u003cowner\u003e/\u003crepo\u003e` in your terminal. For example: `npx skills add confident-ai/deepeval` installs the DeepEval evaluation skill. `npx skills add antfu/skills` installs the entire set of frontend skills (Vite, Vue, Vitest). No restart needed — your agent picks up the new skills on the next prompt. You can verify installation by running `npx skills list` to see what's currently loaded."},"name":"How do I install skills for Claude Code, Cursor, or Codex?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Skills work with any agent that supports the skills.sh protocol. As of mid-2026, the confirmed-compatible agents are: Claude Code (latest), Cursor (0.45+), Codex (all versions), GitHub Copilot (1.200+), Windsurf (all versions), Cline (all versions), Gemini Code Assist, AMP, Antigravity, ClawdBot, Goose, Kilo, Kiro CLI, Nous Research, OpenCode, Roo, Trae, VS Code (with appropriate extensions), and Zed. If your agent can run `npx` commands, it likely works."},"name":"Which AI agent versions support skills?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"To uninstall, run `npx skills remove \u003cowner\u003e/\u003crepo\u003e`. To update a skill to the latest version, run `npx skills update \u003cowner\u003e/\u003crepo\u003e`. You can also update all installed skills at once with `npx skills update --all`. Skills are versioned based on the GitHub repo's main branch — updates pull the latest reference files. Check `npx skills list` to see current versions."},"name":"How do I uninstall or update a skill?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Skills are knowledge packages — they add documentation, best practices, and reference code to your agent's context. They don't execute code or modify your editor. Plugins (or extensions) are executable code that add new features to your editor or CLI. Skills work alongside plugins: the plugin provides the interface, the skill provides the domain knowledge. On skills.sh, all packages are skills that follow the Agent Skills Specification."},"name":"What's the difference between a skill and a plugin?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Yes. The Agent Skills Specification is open. Create a GitHub repo with a `skills/` directory containing markdown or JSON reference files. Add a `skill.json` manifest in the root describing the skill's metadata, compatibility, and entry points. Then install it with `npx skills add your-org/your-repo`. Teams use this to bundle internal API docs, coding standards, and deployment guides into skills all team members can share."},"name":"Can I create my own skill for my team?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"This usually happens for one of three reasons: (1) the repo doesn't follow the Agent Skills Specification (missing `skill.json` or incorrect directory structure), (2) your agent needs a new session to pick up the skill (try restarting the agent or starting a new conversation), or (3) the skill is installed but your agent isn't triggering on the right keywords (try being explicit: 'using the [skill name] skill, how do I...'). Run `npx skills list` to confirm the skill is installed, then check the repo has a valid `skill.json` file."},"name":"Why isn't my skill showing up after installation?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"It depends on the skill. Most skills store reference files locally after installation, so the knowledge is available offline. However, skills that reference live docs (like Mastra's remote docs fallback) may need an internet connection. Skills installed from GitHub repos are cached locally and don't require internet to read — only to install or update. For fully offline setups, check each skill's documentation for local-first support."},"name":"Do skills work offline?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Browse the skills.sh directory at skills.sh — it has 9,500+ skills categorized by topic (React, Next.js, Design, Mobile, Agent Workflows, Databases, Testing, Marketing, and more). You can filter by agent type and sort by installs. For curated recommendations, check topaiskills.com for skill intros and tutorials with real-world testing results."},"name":"How do I find the right skill for my use case?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Yes. When you install a repo with `npx skills add \u003cowner\u003e/\u003crepo\u003e`, all skills in that repo are loaded. For example, `npx skills add antfu/skills` installs Vite, Vue, Vitest, and any other skills in that repo. If you only want specific skills from a repo, check if the repo supports granular installation — some repos let you install individual skills with `npx skills add \u003cowner\u003e/\u003crepo\u003e/\u003cskill-id\u003e`."},"name":"Can I install multiple skills from the same repo?"}]}&lt;/script&gt;
&lt;div class="space-y-6 mt-8"&gt;
 &lt;h2 class="text-xl font-bold text-foreground mb-6"&gt;Frequently Asked Questions&lt;/h2&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;What are AI agent skills and how do they work?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 AI agent skills are reusable knowledge packages that give your coding agent domain-specific expertise. When you install a skill, your agent loads structured reference files — API docs, best practices, code patterns, and troubleshooting guides — into its context. Instead of guessing or hallucinating, your agent answers from bundled reference material. Skills are installed via the skills.sh CLI with &lt;code&gt;npx skills add &amp;lt;owner&amp;gt;/&amp;lt;repo&amp;gt;&lt;/code&gt;, and your agent picks them up on the next interaction.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;How do I install skills for Claude Code, Cursor, or Codex?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Installation is the same across all agents. Run &lt;code&gt;npx skills add &amp;lt;owner&amp;gt;/&amp;lt;repo&amp;gt;&lt;/code&gt; in your terminal. For example: &lt;code&gt;npx skills add confident-ai/deepeval&lt;/code&gt; installs the DeepEval evaluation skill. &lt;code&gt;npx skills add antfu/skills&lt;/code&gt; installs the entire set of frontend skills (Vite, Vue, Vitest). No restart needed — your agent picks up the new skills on the next prompt. You can verify installation by running &lt;code&gt;npx skills list&lt;/code&gt; to see what&amp;rsquo;s currently loaded.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Which AI agent versions support skills?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Skills work with any agent that supports the skills.sh protocol. As of mid-2026, the confirmed-compatible agents are: Claude Code (latest), Cursor (0.45+), Codex (all versions), GitHub Copilot (1.200+), Windsurf (all versions), Cline (all versions), Gemini Code Assist, AMP, Antigravity, ClawdBot, Goose, Kilo, Kiro CLI, Nous Research, OpenCode, Roo, Trae, VS Code (with appropriate extensions), and Zed. If your agent can run &lt;code&gt;npx&lt;/code&gt; commands, it likely works.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;How do I uninstall or update a skill?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 To uninstall, run &lt;code&gt;npx skills remove &amp;lt;owner&amp;gt;/&amp;lt;repo&amp;gt;&lt;/code&gt;. To update a skill to the latest version, run &lt;code&gt;npx skills update &amp;lt;owner&amp;gt;/&amp;lt;repo&amp;gt;&lt;/code&gt;. You can also update all installed skills at once with &lt;code&gt;npx skills update --all&lt;/code&gt;. Skills are versioned based on the GitHub repo&amp;rsquo;s main branch — updates pull the latest reference files. Check &lt;code&gt;npx skills list&lt;/code&gt; to see current versions.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;What&amp;#39;s the difference between a skill and a plugin?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Skills are knowledge packages — they add documentation, best practices, and reference code to your agent&amp;rsquo;s context. They don&amp;rsquo;t execute code or modify your editor. Plugins (or extensions) are executable code that add new features to your editor or CLI. Skills work alongside plugins: the plugin provides the interface, the skill provides the domain knowledge. On skills.sh, all packages are skills that follow the Agent Skills Specification.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Can I create my own skill for my team?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Yes. The Agent Skills Specification is open. Create a GitHub repo with a &lt;code&gt;skills/&lt;/code&gt; directory containing markdown or JSON reference files. Add a &lt;code&gt;skill.json&lt;/code&gt; manifest in the root describing the skill&amp;rsquo;s metadata, compatibility, and entry points. Then install it with &lt;code&gt;npx skills add your-org/your-repo&lt;/code&gt;. Teams use this to bundle internal API docs, coding standards, and deployment guides into skills all team members can share.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Why isn&amp;#39;t my skill showing up after installation?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 This usually happens for one of three reasons: (1) the repo doesn&amp;rsquo;t follow the Agent Skills Specification (missing &lt;code&gt;skill.json&lt;/code&gt; or incorrect directory structure), (2) your agent needs a new session to pick up the skill (try restarting the agent or starting a new conversation), or (3) the skill is installed but your agent isn&amp;rsquo;t triggering on the right keywords (try being explicit: &amp;lsquo;using the [skill name] skill, how do I&amp;hellip;&amp;rsquo;). Run &lt;code&gt;npx skills list&lt;/code&gt; to confirm the skill is installed, then check the repo has a valid &lt;code&gt;skill.json&lt;/code&gt; file.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Do skills work offline?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 It depends on the skill. Most skills store reference files locally after installation, so the knowledge is available offline. However, skills that reference live docs (like Mastra&amp;rsquo;s remote docs fallback) may need an internet connection. Skills installed from GitHub repos are cached locally and don&amp;rsquo;t require internet to read — only to install or update. For fully offline setups, check each skill&amp;rsquo;s documentation for local-first support.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;How do I find the right skill for my use case?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Browse the skills.sh directory at skills.sh — it has 9,500+ skills categorized by topic (React, Next.js, Design, Mobile, Agent Workflows, Databases, Testing, Marketing, and more). You can filter by agent type and sort by installs. For curated recommendations, check topaiskills.com for skill intros and tutorials with real-world testing results.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Can I install multiple skills from the same repo?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Yes. When you install a repo with &lt;code&gt;npx skills add &amp;lt;owner&amp;gt;/&amp;lt;repo&amp;gt;&lt;/code&gt;, all skills in that repo are loaded. For example, &lt;code&gt;npx skills add antfu/skills&lt;/code&gt; installs Vite, Vue, Vitest, and any other skills in that repo. If you only want specific skills from a repo, check if the repo supports granular installation — some repos let you install individual skills with &lt;code&gt;npx skills add &amp;lt;owner&amp;gt;/&amp;lt;repo&amp;gt;/&amp;lt;skill-id&amp;gt;&lt;/code&gt;.
 &lt;/div&gt;
 &lt;/details&gt;&lt;/div&gt;
&lt;h2 id="getting-started-with-ai-agent-skills"&gt;Getting Started with AI Agent Skills&lt;/h2&gt;
&lt;p&gt;If you&amp;rsquo;re new to skills, here&amp;rsquo;s the short version: skills make your agent smarter about specific topics. Instead of your agent guessing how to use a framework or tool, it reads from structured reference files that come bundled with the skill. The result? Less hallucination, more working code.&lt;/p&gt;</description></item><item><title>DeepEval: Evaluate LLM Outputs with Your AI Coding Agent</title><link>https://topaiskills.com/skills/coding/deepeval/</link><pubDate>Mon, 13 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/coding/deepeval/</guid><description>&lt;p&gt;If you build AI-powered features, you&amp;rsquo;ve felt the pain. You ship a prompt change, and suddenly the model starts hallucinating in production. Or you switch from GPT-4 to Claude, and the output format breaks silently. DeepEval solves this — it&amp;rsquo;s the testing framework for LLM outputs, now available as an AI agent skill.&lt;/p&gt;
&lt;h2 id="what-it-does"&gt;What It Does&lt;/h2&gt;
&lt;p&gt;DeepEval treats LLM evaluation like unit testing. Instead of manually eyeballing outputs, you write test cases and metrics — hallucination score, answer relevancy, faithfulness, toxicity, bias, and more. Your agent runs these against your model&amp;rsquo;s responses and tells you what broke and why.&lt;/p&gt;</description></item><item><title>Mastra: Official AI Agent Skills for the Mastra Framework</title><link>https://topaiskills.com/skills/general/mastra/</link><pubDate>Sun, 12 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/mastra/</guid><description>&lt;p&gt;The Mastra skill is the official agent skill for developers building with the &lt;a href="https://mastra.ai" rel="nofollow"&gt;Mastra framework&lt;/a&gt;. Mastra is a modern TypeScript framework for building AI-powered applications and agents. This skill gives your coding agent deep knowledge of Mastra&amp;rsquo;s APIs, project setup, migrations, and troubleshooting — right inside your editor.&lt;/p&gt;
&lt;h2 id="what-it-does"&gt;What It Does&lt;/h2&gt;
&lt;p&gt;Instead of alt-tabbing to docs or asking a generic model about Mastra, your agent pulls from structured reference files included in the skill. It covers four main areas:&lt;/p&gt;</description></item><item><title>Top 7 AI Agent Skills for Web Developers in 2026</title><link>https://topaiskills.com/tutorials/guides/top-7-ai-agent-skills-web-developers-2026/</link><pubDate>Sun, 12 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/top-7-ai-agent-skills-web-developers-2026/</guid><description>&lt;p&gt;Web development in 2026 is a different beast than it was even a year ago. Coding agents — Claude Code, Cursor, Codex, Windsurf — handle the boilerplate, the refactoring, and the bug hunting. But the real force multiplier isn&amp;rsquo;t the agent itself. It&amp;rsquo;s the skills you load into it.&lt;/p&gt;
&lt;p&gt;Skills are reusable capabilities that give your agent domain-specific knowledge. Install the right ones and your agent stops guessing and starts delivering production-ready code. Install the wrong ones and you just have more noise.&lt;/p&gt;</description></item><item><title>Claude Design</title><link>https://topaiskills.com/skills/image/claude-design/</link><pubDate>Sat, 11 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/image/claude-design/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Claude Design is a skill that turns Claude into an expert designer for HTML-based artifacts. You tell it what you want — a landing page, a slide deck, an animated prototype, a poster — and it produces production-quality HTML output with proper design thinking baked in.&lt;/p&gt;
&lt;p&gt;The skill is adapted from Claude.ai&amp;rsquo;s internal Design system prompt, restructured into a portable Claude Skill that works in Claude Code, the Claude Agent SDK, or any environment where skills load. It lives on skills.sh at &lt;a href="https://skills.sh/jiji262/claude-design-skill/claude-design" rel="nofollow" target="_blank"&gt;jiji262/claude-design-skill&lt;/a&gt; and has over 1,100 installs as of mid-2026.&lt;/p&gt;</description></item><item><title>Cloudflare Workers Comparison 2026: AWS Lambda@Edge vs Deno Deploy vs Vercel Edge Functions</title><link>https://topaiskills.com/tutorials/comparison/cloudflare-workers-comparison-2026/</link><pubDate>Sat, 11 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/comparison/cloudflare-workers-comparison-2026/</guid><description>&lt;h2 id="the-short-version"&gt;The Short Version&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;Pick Cloudflare Workers if you want the fastest cold starts and don&amp;rsquo;t mind learning their runtime quirks. Choose AWS Lambda@Edge if you&amp;rsquo;re already deep in the AWS ecosystem and need regional compute. Go with Deno Deploy if you love TypeScript and want a no-config deploy experience. Vercel Edge Functions makes sense if your frontend is already on Vercel. And Fly.io is the right call when you need persistent storage alongside edge compute.&lt;/strong&gt;&lt;/p&gt;</description></item><item><title>Best AI Tools for Students in 2026: ChatGPT vs Claude vs NotebookLM vs Perplexity</title><link>https://topaiskills.com/tutorials/comparison/best-ai-tools-for-students-2026/</link><pubDate>Fri, 10 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/comparison/best-ai-tools-for-students-2026/</guid><description>&lt;h2 id="the-short-version"&gt;The Short Version&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;There&amp;rsquo;s no single best AI tool for students in 2026 — the right pick depends on what you&amp;rsquo;re studying and how you work.&lt;/strong&gt; NotebookLM wins for heavy research and lecture processing. Claude is better for writing assignments and critical analysis. ChatGPT is the best all-rounder for quick answers and brainstorming. Perplexity is the go-to for fact-checking and citations. And Grammarly still holds the crown for polishing final drafts.&lt;/p&gt;</description></item><item><title>Shopping Browser Automation</title><link>https://topaiskills.com/skills/automation/shopping-browser-automation/</link><pubDate>Fri, 10 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/automation/shopping-browser-automation/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Shopping Browser Automation is an agent skill from the Open Agent Skills collection that teaches AI agents how to automate browser-based shopping workflows. It combines Playwright for browser control with the Model Context Protocol (MCP) to give agents the ability to search products, compare prices, add items to carts, and complete checkout flows without human supervision.&lt;/p&gt;
&lt;p&gt;This isn&amp;rsquo;t a standalone tool — it&amp;rsquo;s a skill that lives inside the Open Agent Skills framework, which provides a lightweight Python runtime for executing domain-specific agent skills. The project was built by the Project Q team at SII (a French IT services company) as part of their research into making AI agents more efficient by replacing raw MCP tool calls with structured skill instructions.&lt;/p&gt;</description></item><item><title>Best AI Note Taking Apps in 2026: A Complete Guide to Smart Note-Taking</title><link>https://topaiskills.com/tutorials/guides/ai-note-taking-apps-2026-guide/</link><pubDate>Thu, 09 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/ai-note-taking-apps-2026-guide/</guid><description>&lt;p&gt;&lt;strong&gt;Full disclosure:&lt;/strong&gt; I spent the last 3 weeks testing all of these apps with real notes — meeting notes, research papers, blog drafts, and daily journal entries. I didn&amp;rsquo;t take sponsorships, and I&amp;rsquo;m not affiliated with any of them. This is what I actually found.&lt;/p&gt;
&lt;script type="application/ld+json"&gt;{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"There's no single best — it depends on your workflow. Notion AI leads for team collaboration and project management. Google NotebookLM excels at research and source-based notes. Mem is great for auto-organizing daily thoughts. Reflect offers the best native Apple integration. Obsidian with AI plugins is ideal for power users who want full control over their data. This guide breaks down each option with real-world testing."},"name":"What is the best AI note taking app in 2026?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Yes. The AI features in 2026 note taking apps have matured significantly. Auto-tagging, smart search, AI summarization, and automatic linking between notes save hours each week. The key is picking the right app for how you actually work — a researcher needs different features than a project manager."},"name":"Are AI note taking apps worth using?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Google NotebookLM is excellent for students — it can ingest lecture recordings, PDFs, and web sources, then generate study guides and answer questions about your materials. Notion AI is also strong for organizing class notes and tracking assignments. Both offer generous free tiers."},"name":"Which AI note taking app is best for students?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Not entirely — but they complement them well. The best approach is to keep your natural note-taking style and let AI handle the organization: auto-categorization, linking related ideas, summarizing long notes, and surfacing forgotten information when you need it."},"name":"Can AI note taking apps replace traditional note taking methods?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Privacy varies by app. Obsidian is the gold standard — notes are plain markdown files on your device, and AI processing can run locally. Notion and Mem process data on their servers. Reflect offers end-to-end encryption for stored notes. Always check the privacy policy and look for local-first options if data sensitivity is a concern."},"name":"Are my notes private with AI note taking apps?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Google NotebookLM is completely free with generous limits. Notion's free tier supports AI blocks with a monthly limit. Obsidian is free forever with paid sync and AI plugin costs. Mem has a free tier with basic AI features. For most individual users, the free tiers of these apps are genuinely useful without feeling crippled."},"name":"Which AI note taking app has the best free tier?"}]}&lt;/script&gt;
&lt;div class="space-y-6 mt-8"&gt;
 &lt;h2 class="text-xl font-bold text-foreground mb-6"&gt;Frequently Asked Questions&lt;/h2&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;What is the best AI note taking app in 2026?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 There&amp;rsquo;s no single best — it depends on your workflow. Notion AI leads for team collaboration and project management. Google NotebookLM excels at research and source-based notes. Mem is great for auto-organizing daily thoughts. Reflect offers the best native Apple integration. Obsidian with AI plugins is ideal for power users who want full control over their data. This guide breaks down each option with real-world testing.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Are AI note taking apps worth using?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Yes. The AI features in 2026 note taking apps have matured significantly. Auto-tagging, smart search, AI summarization, and automatic linking between notes save hours each week. The key is picking the right app for how you actually work — a researcher needs different features than a project manager.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Which AI note taking app is best for students?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Google NotebookLM is excellent for students — it can ingest lecture recordings, PDFs, and web sources, then generate study guides and answer questions about your materials. Notion AI is also strong for organizing class notes and tracking assignments. Both offer generous free tiers.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Can AI note taking apps replace traditional note taking methods?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Not entirely — but they complement them well. The best approach is to keep your natural note-taking style and let AI handle the organization: auto-categorization, linking related ideas, summarizing long notes, and surfacing forgotten information when you need it.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Are my notes private with AI note taking apps?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Privacy varies by app. Obsidian is the gold standard — notes are plain markdown files on your device, and AI processing can run locally. Notion and Mem process data on their servers. Reflect offers end-to-end encryption for stored notes. Always check the privacy policy and look for local-first options if data sensitivity is a concern.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Which AI note taking app has the best free tier?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Google NotebookLM is completely free with generous limits. Notion&amp;rsquo;s free tier supports AI blocks with a monthly limit. Obsidian is free forever with paid sync and AI plugin costs. Mem has a free tier with basic AI features. For most individual users, the free tiers of these apps are genuinely useful without feeling crippled.
 &lt;/div&gt;
 &lt;/details&gt;&lt;/div&gt;
&lt;h2 id="why-ai-note-taking-changed-everything"&gt;Why AI Note Taking Changed Everything&lt;/h2&gt;
&lt;p&gt;Let&amp;rsquo;s be real. Traditional note-taking apps had one job — store text — and they mostly did it fine. You&amp;rsquo;d write something, tag it if you remembered, and hope you could find it again through search.&lt;/p&gt;</description></item><item><title>Kreuzberg (Xberg): Document Intelligence &amp; PDF Extraction</title><link>https://topaiskills.com/skills/general/kreuzberg/</link><pubDate>Thu, 09 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/kreuzberg/</guid><description>&lt;h2 id="overview"&gt;Overview&lt;/h2&gt;
&lt;p&gt;Kreuzberg (now part of the Xberg ecosystem) is a polyglot document intelligence framework built with a Rust core. It extracts text, metadata, images, and structured information from over 97 file formats — PDFs, Office documents, images, EPUB, HTML, and more. If you&amp;rsquo;ve ever fought with a PDF library that couldn&amp;rsquo;t handle a simple table or mangled your Chinese characters, Kreuzberg is the relief you&amp;rsquo;ve been looking for.&lt;/p&gt;
&lt;p&gt;The project started as a standalone skill for AI coding agents and grew into a full framework with bindings for Rust, Python, Ruby, Java, Go, PHP, Elixir, C#, R, C, and TypeScript (Node/Bun/Wasm/Deno). You can also use it via CLI, REST API, or MCP server. The Rust core means it&amp;rsquo;s fast — we&amp;rsquo;re talking milliseconds per page on modern hardware.&lt;/p&gt;</description></item><item><title>Free AI Tools List 2026: 10 Actually Useful Tools That Cost $0</title><link>https://topaiskills.com/tutorials/guides/free-ai-tools-list-2026/</link><pubDate>Wed, 08 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/free-ai-tools-list-2026/</guid><description>&lt;p&gt;&lt;strong&gt;Disclaimer&lt;/strong&gt;: I tested every tool on this list personally over the last 30 days. I did not accept sponsorships or free upgrades. If a tool&amp;rsquo;s free tier felt deliberately crippled, it didn&amp;rsquo;t make the cut.&lt;/p&gt;
&lt;script type="application/ld+json"&gt;{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"The best free AI tools in 2026 include Claude Code (free tier), ChatGPT Free, Perplexity AI, Canva AI, Hugging Face Spaces, Google Gemini, and more listed in this roundup."},"name":"What are the best free AI tools in 2026?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Yes. Free tiers of major AI tools have improved significantly. Most now offer competitive capabilities — Claude Code's free tier handles 200K token context, ChatGPT Free runs GPT-4o, and Google Gemini is entirely free with a generous rate limit."},"name":"Are free AI tools worth using in 2026?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Claude Code's free tier offers the largest context window (200K tokens) and strong reasoning capabilities. GitHub Copilot's free tier is also solid for inline completions. Codex CLI is fully open source with no usage limits."},"name":"Which free AI coding assistant is best?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Yes. Canva AI and Ideogram both offer free tiers with daily credits. Stable Diffusion via Hugging Face Spaces is completely free if you don't mind running it in a browser."},"name":"Is there a truly free AI image generator?"},{"@type":"Question","acceptedAnswer":{"@type":"Answer","text":"Think about what you need most: coding assistance, writing help, image generation, research support, or automation. Pick the tool that excels in your primary use case — most free tiers are generous enough for daily use."},"name":"How do I choose a free AI tool?"}]}&lt;/script&gt;
&lt;div class="space-y-6 mt-8"&gt;
 &lt;h2 class="text-xl font-bold text-foreground mb-6"&gt;Frequently Asked Questions&lt;/h2&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;What are the best free AI tools in 2026?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 The best free AI tools in 2026 include Claude Code (free tier), ChatGPT Free, Perplexity AI, Canva AI, Hugging Face Spaces, Google Gemini, and more listed in this roundup.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Are free AI tools worth using in 2026?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Yes. Free tiers of major AI tools have improved significantly. Most now offer competitive capabilities — Claude Code&amp;rsquo;s free tier handles 200K token context, ChatGPT Free runs GPT-4o, and Google Gemini is entirely free with a generous rate limit.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Which free AI coding assistant is best?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Claude Code&amp;rsquo;s free tier offers the largest context window (200K tokens) and strong reasoning capabilities. GitHub Copilot&amp;rsquo;s free tier is also solid for inline completions. Codex CLI is fully open source with no usage limits.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;Is there a truly free AI image generator?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Yes. Canva AI and Ideogram both offer free tiers with daily credits. Stable Diffusion via Hugging Face Spaces is completely free if you don&amp;rsquo;t mind running it in a browser.
 &lt;/div&gt;
 &lt;/details&gt;&lt;details class="group rounded-xl border border-border/40 bg-card/30 backdrop-blur-sm transition-all duration-200 hover:border-primary/30 hover:bg-card/40"&gt;
 &lt;summary class="flex cursor-pointer items-center justify-between gap-4 px-5 py-4 text-sm font-semibold text-foreground"&gt;
 &lt;span&gt;How do I choose a free AI tool?&lt;/span&gt;
 &lt;svg class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;line x1="12" y1="5" x2="12" y2="19"&gt;&lt;/line&gt;&lt;line x1="5" y1="12" x2="19" y2="12"&gt;&lt;/line&gt;&lt;/svg&gt;
 &lt;/summary&gt;
 &lt;div class="px-5 pb-5 pt-0 text-sm leading-relaxed text-muted-foreground border-t border-border/30 mt-0 pt-4"&gt;
 Think about what you need most: coding assistance, writing help, image generation, research support, or automation. Pick the tool that excels in your primary use case — most free tiers are generous enough for daily use.
 &lt;/div&gt;
 &lt;/details&gt;&lt;/div&gt;
&lt;h2 id="why-free-ai-tools-are-better-than-ever"&gt;Why Free AI Tools Are Better Than Ever&lt;/h2&gt;
&lt;p&gt;Six months ago, most &amp;ldquo;free&amp;rdquo; AI tools were basically demos. You got three responses, hit a rate limit, and the tool asked for your credit card. That&amp;rsquo;s changed.&lt;/p&gt;</description></item><item><title>Mem0 — Memory Layer for AI Agents</title><link>https://topaiskills.com/skills/general/mem0/</link><pubDate>Wed, 08 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/mem0/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Mem0 gives AI agents a persistent memory layer. Instead of starting every conversation from scratch, your agent can recall user preferences, past decisions, and relevant facts from previous sessions. It stores memories as embeddings, retrieves the right ones when they&amp;rsquo;re needed, and updates itself as new information comes in.&lt;/p&gt;
&lt;p&gt;Think of it as a smart long-term memory that an AI agent can read from and write to, without you having to manage vector databases or retrieval pipelines yourself.&lt;/p&gt;</description></item><item><title>Cloudflare Skill for AI Agents: Manage Workers, Pages, and DNS</title><link>https://topaiskills.com/skills/general/cloudflare/</link><pubDate>Tue, 07 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/cloudflare/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;The Cloudflare skill is an official skill from cloudflare/skills that gives AI agents direct access to the Cloudflare ecosystem. Instead of digging through the Cloudflare dashboard or memorizing API endpoints, you tell your agent what you need — &amp;ldquo;deploy a Worker to handle form submissions,&amp;rdquo; &amp;ldquo;add a DNS record for the new staging subdomain,&amp;rdquo; &amp;ldquo;purge the cache for /blog/*&amp;rdquo; — and it handles the API calls using the &lt;a href="https://developers.cloudflare.com/api/" rel="nofollow" target="_blank"&gt;Cloudflare API&lt;/a&gt;.&lt;/p&gt;</description></item><item><title>LLM API Pricing 2026: Compare Costs Across Every Major Provider</title><link>https://topaiskills.com/tutorials/guides/llm-api-pricing-2026/</link><pubDate>Tue, 07 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/llm-api-pricing-2026/</guid><description>&lt;p&gt;Pricing LLM APIs in 2026 feels like comparing phone plans during a price war — everyone keeps dropping rates, adding new model tiers, and burying the real cost in fine print about caching, batch discounts, and reasoning tokens.&lt;/p&gt;
&lt;p&gt;I spent a weekend pulling current pricing from every major provider to build a single table you can actually compare. No markdown math, no outdated numbers from blog posts six months ago — just the rates as of July 2026.&lt;/p&gt;</description></item><item><title>AI Video Generator Comparison 2026: Sora vs Kling 3.0 vs Runway vs Pika vs HeyGen</title><link>https://topaiskills.com/tutorials/comparison/ai-video-generator-comparison-2026/</link><pubDate>Mon, 06 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/comparison/ai-video-generator-comparison-2026/</guid><description>&lt;h2 id="the-short-version"&gt;The Short Version&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;There&amp;rsquo;s no single best AI video generator in 2026 — the right pick depends on what you&amp;rsquo;re making.&lt;/strong&gt; Sora leads for cinematic quality if you can handle the wait. Kling 3.0 is the best all-rounder with the fastest turnaround. Runway Gen-4 gives you the most creative control. Pika 3.0 is the easiest to start with. And HeyGen is the dedicated pick if your video needs talking avatars, not just clips.&lt;/p&gt;</description></item><item><title>HeyGen: AI Avatar and Video Generation Skill</title><link>https://topaiskills.com/skills/coding/ai-video-gen/</link><pubDate>Mon, 06 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/coding/ai-video-gen/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;HeyGen&amp;rsquo;s official skills package brings AI avatar and video production straight to your terminal. Instead of designing a presenter video through the HeyGen web app, you can generate talking-head clips, customize avatars, and control video parameters entirely through your AI agent — Claude Code, Cursor, or Codex.&lt;/p&gt;
&lt;p&gt;The v3 Video Agent pipeline handles the heavy lifting: lip-sync, gesture timing, background replacement, and multi-language narration all happen through skill commands. You describe what you want, your agent calls the HeyGen API, and the rendered video lands in your project folder.&lt;/p&gt;</description></item><item><title>Firecrawl</title><link>https://topaiskills.com/skills/coding/firecrawl/</link><pubDate>Sun, 05 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/coding/firecrawl/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Firecrawl is a CLI and agent skill that bundles web scraping, search, crawling, browser interaction, and page monitoring into a single tool your AI agent can use. Instead of wiring up separate APIs for scraping, searching, and crawling — or handing your agent a browser automation script that breaks on the first layout change — you install one CLI and your assistant gains the full web data stack.&lt;/p&gt;</description></item><item><title>I Let My AI Agent Manage Lark Documentation for a Week — Here's What Happened</title><link>https://topaiskills.com/tutorials/guides/lark-doc-narrative-experience/</link><pubDate>Sun, 05 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/lark-doc-narrative-experience/</guid><description>&lt;h2 id="why-i-put-documentation-on-the-chopping-block"&gt;Why I Put Documentation on the Chopping Block&lt;/h2&gt;
&lt;p&gt;Our team lives inside Lark (Feishu). Meeting notes, technical specs, project briefs, onboarding guides — it is all in Lark documents. And like most teams that use collaborative docs heavily, we have a mess: 40+ documents scattered across spaces with inconsistent naming conventions, outdated meeting notes that nobody archived, and a growing pile of &amp;ldquo;untitled document&amp;rdquo; orphans that were created during a call and never revisited.&lt;/p&gt;</description></item><item><title>AnySearch</title><link>https://topaiskills.com/skills/search/anysearch/</link><pubDate>Sat, 04 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/search/anysearch/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;AnySearch is a unified search engine skill for AI agents that replaces the need to manage multiple search APIs or scraping tools. Install it once, and your AI assistant gains the ability to run general web searches, query vertical domains (news, academic papers, documentation), execute parallel batch searches across dozens of queries simultaneously, and extract full-page content from any URL. It wraps multiple search backends behind a single interface so your agent doesn&amp;rsquo;t need to know which engine powers each query.&lt;/p&gt;</description></item><item><title>How to Build an AI-Powered Research Pipeline with Search Skills</title><link>https://topaiskills.com/tutorials/guides/how-to-build-ai-research-pipeline/</link><pubDate>Sat, 04 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/how-to-build-ai-research-pipeline/</guid><description>&lt;p&gt;A step-by-step guide to installing AI search skills, configuring them for web research, and building a repeatable research pipeline that runs entirely from your terminal.&lt;/p&gt;
&lt;h3 id="what-this-gets-you"&gt;What This Gets You&lt;/h3&gt;
&lt;p&gt;By the end of this guide, you&amp;rsquo;ll have a working AI-powered research pipeline. You&amp;rsquo;ll be able to ask your AI agent to research any topic — gathering information from multiple sources, synthesizing findings, and producing structured output — without manually opening a browser, copying URLs, or writing one-off scripts. Total setup time: about 15 minutes.&lt;/p&gt;</description></item><item><title>Crawl4AI</title><link>https://topaiskills.com/skills/search/crawl4ai/</link><pubDate>Fri, 03 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/search/crawl4ai/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Crawl4AI wraps the open-source &lt;a href="https://github.com/unclecode/crawl4ai" rel="nofollow" target="_blank"&gt;Crawl4AI&lt;/a&gt; library — one of the most popular AI-native web crawling tools — into a portable agent skill. Instead of writing custom Python scripts to scrape JavaScript-heavy pages, you describe what you want and the skill handles browser rendering, content extraction, and structured output through reusable CSS schemas.&lt;/p&gt;
&lt;p&gt;The skill lives in the &lt;code&gt;brettdavies/crawl4ai-skill&lt;/code&gt; repository and is designed to work inside Claude Code and other skills.sh-compatible agents.&lt;/p&gt;</description></item><item><title>FAQ: Web Scraping with AI Agent Skills</title><link>https://topaiskills.com/tutorials/guides/faq-web-scraping-with-ai-agents/</link><pubDate>Fri, 03 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/faq-web-scraping-with-ai-agents/</guid><description>&lt;h2 id="faq-web-scraping-with-ai-agent-skills"&gt;FAQ: Web Scraping with AI Agent Skills&lt;/h2&gt;
&lt;p&gt;Web scraping has always been a messy task — fragile selectors, JavaScript rendering, rate limiting, and parsing spaghetti. AI agent skills like Crawl4AI are changing that by wrapping the entire pipeline into a single, declarative command.&lt;/p&gt;
&lt;p&gt;Below are answers to the ten most common questions about using AI agent skills for web scraping. Whether you&amp;rsquo;re building a research pipeline, monitoring competitors, or collecting training data, these answers cover the practical decisions you&amp;rsquo;ll face.&lt;/p&gt;</description></item><item><title>10 Best Free AI Tools for Developers in 2026</title><link>https://topaiskills.com/tutorials/guides/best-free-ai-tools-2026/</link><pubDate>Thu, 02 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/best-free-ai-tools-2026/</guid><description>&lt;h2 id="the-problem"&gt;The Problem&lt;/h2&gt;
&lt;p&gt;AI tools have a discovery problem. Every week there&amp;rsquo;s a new launch, a new &amp;ldquo;best AI for X,&amp;rdquo; and a new pricing page that hides the real cost until you enter your credit card. Most lists of &amp;ldquo;free AI tools&amp;rdquo; turn out to be &amp;ldquo;free for 7 days&amp;rdquo; or &amp;ldquo;free up to 50 credits per month&amp;rdquo; — which means they&amp;rsquo;re trials, not free tools.&lt;/p&gt;
&lt;p&gt;This list is different. Every tool here has a genuinely useful free tier that doesn&amp;rsquo;t require a credit card. Some have paid upgrades for higher usage limits, but the free tier is enough for real work. I&amp;rsquo;ve been using all of these in my daily development workflow, and I kept only the ones that survived the &amp;ldquo;would I recommend this to a friend without a caveat?&amp;rdquo; test.&lt;/p&gt;</description></item><item><title>Agentspace</title><link>https://topaiskills.com/skills/general/agentspace/</link><pubDate>Thu, 02 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/agentspace/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Agentspace is a file-sharing skill for AI coding agents. Instead of copy-pasting output or describing what your agent generated, you say &amp;ldquo;share this folder&amp;rdquo; and it returns a URL. Anyone with the link can view or edit the shared workspace — no sign-up, no API key, no cloud account required.&lt;/p&gt;
&lt;p&gt;The skill is published by agentspace-so and lives alongside Find Skills in the same &lt;a href="https://github.com/agentspace-so/skills" rel="nofollow" target="_blank"&gt;agentspace-so/skills&lt;/a&gt; repo. It works with Claude Code, Cursor, Codex, and Windsurf. Install it globally with &lt;code&gt;npx skills add&lt;/code&gt;, then invoke it by telling your agent to share the current folder or specific files.&lt;/p&gt;</description></item><item><title>AI Workflow Automation Skills Compared: Microsoft Foundry vs Azure AI vs Lark Tools</title><link>https://topaiskills.com/tutorials/comparison/ai-workflow-automation-skills-comparison/</link><pubDate>Wed, 01 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/comparison/ai-workflow-automation-skills-comparison/</guid><description>&lt;h2 id="the-short-version"&gt;The Short Version&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;Install Microsoft Foundry if your team is all-in on Azure and you need to orchestrate multi-step AI workflows that touch Azure services. Install Azure AI if you want a general-purpose AI assistant that integrates with your codebase and Azure resources. Install Lark Doc if your team lives in Lark and needs AI-powered document workflows. Install Lark Base if you need AI-driven database management inside Lark.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;These four skills occupy different corners of the workflow automation space, but they share a common DNA: each lets you describe a process in natural language and have an AI agent execute it across one or more tools. The question is which ecosystem you&amp;rsquo;re already in and what kind of automation you need most.&lt;/p&gt;</description></item><item><title>GPT Researcher</title><link>https://topaiskills.com/skills/search/gpt-researcher/</link><pubDate>Wed, 01 Jul 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/search/gpt-researcher/</guid><description>&lt;h2 id="overview"&gt;Overview&lt;/h2&gt;
&lt;p&gt;GPT Researcher is the first open-source deep research agent designed for both web and local research. Instead of switching between browser tabs, PDF readers, and note-taking apps, you describe what you need to investigate, and the agent autonomously plans a research strategy, gathers information from 20+ sources, cross-references findings, and delivers a structured report with citations.&lt;/p&gt;
&lt;p&gt;Built on the Plan-and-Solve and RAG research paradigms, GPT Researcher solves the core problems of manual research — weeks of effort, limited perspectives, and unintentional bias — by parallelizing the research process across planner and execution agents. A planner agent decomposes your query into sub-questions, execution agents crawl and summarize each angle, and a publisher agent assembles everything into a coherent report.&lt;/p&gt;</description></item><item><title>A2A Protocol</title><link>https://topaiskills.com/skills/general/a2a-protocol/</link><pubDate>Sun, 28 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/a2a-protocol/</guid><description>&lt;h2 id="overview"&gt;Overview&lt;/h2&gt;
&lt;p&gt;The A2A Protocol skill brings Google&amp;rsquo;s Agent-to-Agent communication standard into your AI agent&amp;rsquo;s toolkit. Unlike MCP (which connects models to tools and data), A2A handles something different — agent-to-agent collaboration. Your Claude Code or Cursor agent can discover other agents, exchange messages, and coordinate on long-running tasks without sharing their internal stack.&lt;/p&gt;
&lt;h3 id="what-it-does"&gt;What It Does&lt;/h3&gt;
&lt;p&gt;Got multiple agents working on the same project? A2A lets them talk to each other. Each agent publishes an &amp;ldquo;agent card&amp;rdquo; — a lightweight JSON document describing its capabilities, endpoints, and auth requirements. Other agents discover these cards and start sending requests via JSON-RPC, gRPC, or plain HTTP.&lt;/p&gt;</description></item><item><title>Agent Device</title><link>https://topaiskills.com/skills/general/agent-device/</link><pubDate>Sun, 28 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/agent-device/</guid><description>&lt;h2 id="overview"&gt;Overview&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;agent-device&lt;/strong&gt; is an open-source CLI that gives AI agents hands-on access to real mobile devices — iOS simulators, Android emulators, physical phones, TVs, and even desktop apps. Think of it as &lt;a href="https://topaiskills.com/skills/general/agent-browser/" rel="nofollow" target="_blank"&gt;agent-browser&lt;/a&gt; for mobile: instead of reasoning about code blindly, your agent can open an app, look at what&amp;rsquo;s on screen, tap buttons, type text, scroll around, and grab screenshots or logs to verify what&amp;rsquo;s actually happening.&lt;/p&gt;
&lt;p&gt;Built by &lt;a href="https://www.callstack.com/" rel="nofollow" target="_blank"&gt;Callstack&lt;/a&gt; (the React Native pros), it already has over 3,300 GitHub stars and integrates with Claude Code, Cursor, Codex, and other major coding agents. If you ship mobile apps and use AI agents to write or review code, this is the missing feedback loop.&lt;/p&gt;</description></item><item><title>AI Video Generation</title><link>https://topaiskills.com/skills/coding/ai-video-generation/</link><pubDate>Sun, 28 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/coding/ai-video-generation/</guid><description>&lt;h2 id="what-it-is--verdict"&gt;What It Is + Verdict&lt;/h2&gt;
&lt;p&gt;AI Video Generation is a CLI-based skill that gives your AI agent access to 40+ video generation models through the &lt;a href="https://inference.sh" rel="nofollow" target="_blank"&gt;inference.sh&lt;/a&gt; platform. Instead of switching between browser tabs for Sora, Kling, Runway, or Pika, you run one command and get a video back in your terminal.&lt;/p&gt;
&lt;h2 id="the-one-thing-that-matters"&gt;The One Thing That Matters&lt;/h2&gt;
&lt;p&gt;This skill eliminates the biggest bottleneck in AI video workflows: context switching. Most creators juggle 3-4 different web UIs, each with different prompts, credit systems, and export formats. The AI Video Generation skill unifies them under one CLI — your agent picks the right model, submits the job, and retrieves the result without leaving the terminal.&lt;/p&gt;</description></item><item><title>Firecrawl Scraper</title><link>https://topaiskills.com/skills/search/firecrawl-scraper/</link><pubDate>Sun, 28 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/search/firecrawl-scraper/</guid><description>&lt;h2 id="overview"&gt;Overview&lt;/h2&gt;
&lt;p&gt;Extracting clean, structured data from the web is one of the most common tasks AI agents need to perform — but raw HTML is full of navigation menus, ads, and dynamic JavaScript that make traditional scrapers brittle and slow. &lt;strong&gt;Firecrawl Scraper&lt;/strong&gt; solves this by giving your AI agent a single CLI command that turns any URL into clean, LLM-ready markdown in seconds.&lt;/p&gt;
&lt;h3 id="what-is-firecrawl-scraper"&gt;What Is Firecrawl Scraper?&lt;/h3&gt;
&lt;p&gt;Firecrawl Scraper is an API-first web scraping tool designed specifically for AI agents. Instead of parsing messy HTML or managing headless browsers yourself, you pass a URL and get back clean markdown text — the same way an LLM prefers to consume content.&lt;/p&gt;</description></item><item><title>Smithery</title><link>https://topaiskills.com/skills/coding/smithery/</link><pubDate>Sun, 28 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/coding/smithery/</guid><description>&lt;h2 id="overview"&gt;Overview&lt;/h2&gt;
&lt;p&gt;Smithery is the go-to registry for MCP (Model Context Protocol) servers — think of it as npm for AI agent tools. Instead of hunting down MCP server configurations, writing JSON by hand, or cloning random repos, you install what you need with a single command and your agent starts using it immediately.&lt;/p&gt;
&lt;h3 id="what-it-does"&gt;What It Does&lt;/h3&gt;
&lt;p&gt;Your AI agent can only act on the tools you give it. MCP servers are the bridge between your agent and external services — databases, APIs, file systems, browsers. Smithery turns the process of finding and connecting these tools into a frictionless CLI experience.&lt;/p&gt;</description></item><item><title>Turborepo: Build System for JavaScript &amp; TypeScript Monorepos</title><link>https://topaiskills.com/skills/general/turborepo/</link><pubDate>Sun, 28 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/turborepo/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Turborepo is Vercel&amp;rsquo;s open-source build system, rewritten in Rust, designed for JavaScript and TypeScript monorepos. It replaces the Node.js-based v1 with a faster, more reliable engine that handles parallel task execution, dependency graph traversal, and remote caching out of the box.&lt;/p&gt;
&lt;p&gt;If you work in a monorepo with multiple apps and packages (Next.js, NestJS, React Native, shared UI libraries), Turborepo is the orchestration layer that makes sure your builds run in the right order, skip unchanged work, and finish as fast as possible.&lt;/p&gt;</description></item><item><title>AI Video Generation With Kling 3.0 — Hits and Misses</title><link>https://topaiskills.com/tutorials/guides/kling-3-0-video-generation-experience/</link><pubDate>Sat, 27 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/kling-3-0-video-generation-experience/</guid><description>&lt;h2 id="why-i-went-down-this-rabbit-hole"&gt;Why I Went Down This Rabbit Hole&lt;/h2&gt;
&lt;p&gt;Saturday night, 11 PM. I had a product demo script that needed a 15-second hero clip — some sweeping aerial shot of a fictional city at sunset. No budget for stock footage, no time to learn Blender.&lt;/p&gt;
&lt;p&gt;I opened my agent and typed: &amp;ldquo;generate a slow aerial flyover of a neon-lit cyberpunk city at dusk, cinematic.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;Ten seconds later, the skill had interpreted my request, routed it to the Standard text-to-video endpoint, and queued a job on RunComfy.&lt;/p&gt;</description></item><item><title>Azure Deploy</title><link>https://topaiskills.com/skills/automation/azure-deploy/</link><pubDate>Sat, 27 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/automation/azure-deploy/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Azure Deploy is a skill that turns natural-language deployment requests into actual Azure resource provisioning. Instead of writing ARM templates or Bicep files yourself, you describe what you need — &amp;ldquo;deploy a container app with a PostgreSQL backend&amp;rdquo; — and the skill translates that into the right deployment commands, parameter sets, and validation steps. It lives in the &lt;code&gt;microsoft/azure-skills&lt;/code&gt; monorepo alongside siblings like &lt;a href="https://topaiskills.com/skills/automation/azure-ai/"&gt;Azure AI&lt;/a&gt; and &lt;a href="https://topaiskills.com/skills/automation/microsoft-foundry/"&gt;Microsoft Foundry&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id="whats-actually-different"&gt;What&amp;rsquo;s Actually Different&lt;/h2&gt;
&lt;p&gt;The standard deployment loop involves context-switching between your IDE, the Azure Portal, and the &lt;code&gt;az&lt;/code&gt; CLI. Azure Deploy collapses that into a single agent conversation. Compared to writing deployment scripts by hand, the skill handles the scaffolding — it knows which resource types need which parents, which SKUs are valid together, and what the default naming conventions look like. It also runs validation through &lt;code&gt;azure-validate&lt;/code&gt; before executing, so you catch naming collisions and quota issues before they fail mid-deployment.&lt;/p&gt;</description></item><item><title>Azure AI</title><link>https://topaiskills.com/skills/automation/azure-ai/</link><pubDate>Fri, 26 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/automation/azure-ai/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Azure AI is a skill that bridges your coding agent to four Azure AI services — AI Search, Speech, OpenAI, and Document Intelligence — through a unified MCP server interface. Instead of flipping between the Azure Portal, CLI, and SDK docs, you invoke these services directly from your agent&amp;rsquo;s chat context.&lt;/p&gt;
&lt;p&gt;The skill lives inside microsoft/azure-skills, a monorepo of Azure-focused agent capabilities. You install it with a &lt;code&gt;--skill&lt;/code&gt; flag targeting the specific module you need.&lt;/p&gt;</description></item><item><title>How to Use the Copywriting Skill to Generate Marketing Content</title><link>https://topaiskills.com/tutorials/guides/copywriting-procedural-guide/</link><pubDate>Fri, 26 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/copywriting-procedural-guide/</guid><description>&lt;h2 id="what-this-gets-you"&gt;What This Gets You&lt;/h2&gt;
&lt;p&gt;This guide walks through installing the Copywriting skill and using it to turn one product description into four types of marketing copy: an email sequence, a landing page draft, social media captions, and ad headlines. You feed the skill a brief once and get formatted output for each channel.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Time estimate&lt;/strong&gt;: 20 minutes from install to first draft.&lt;/p&gt;
&lt;h2 id="what-you-need-before-starting"&gt;What You Need Before Starting&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;An AI coding agent that supports skills.sh (Claude Code, Cursor, OpenCode, or Codex)&lt;/li&gt;
&lt;li&gt;Node.js 18+ and &lt;code&gt;npx&lt;/code&gt; available on your system&lt;/li&gt;
&lt;li&gt;A product or service description ready — 3-5 sentences about what you&amp;rsquo;re selling, who it&amp;rsquo;s for, and what makes it different&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="step-by-step"&gt;Step-by-Step&lt;/h2&gt;
&lt;h3 id="1-install-the-skill"&gt;1. Install the skill&lt;/h3&gt;
&lt;p&gt;Run the install command in your terminal:&lt;/p&gt;</description></item><item><title>Lark Base AI Skill: 12 Questions About Using It</title><link>https://topaiskills.com/tutorials/guides/lark-base-faq/</link><pubDate>Thu, 25 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/lark-base-faq/</guid><description>&lt;p&gt;The Lark Base skill is one of 26 agent skills in the &lt;a href="https://github.com/larksuite/cli" rel="nofollow" target="_blank"&gt;larksuite CLI&lt;/a&gt;. It gives your AI agent structured access to Lark Base — the spreadsheet-database hybrid in Lark&amp;rsquo;s productivity suite — so it can query records, create tables, manage fields, and run data analysis through natural language. Below are the questions people actually ask once they start using it.&lt;/p&gt;
&lt;h2 id="what-is-lark-base-and-how-does-the-skill-connect-to-it"&gt;What is Lark Base and how does the skill connect to it?&lt;/h2&gt;
&lt;p&gt;Lark Base (formerly called Bitable) is a spreadsheet-database hybrid inside the Lark/Feishu suite. Think of it as a relational database with a spreadsheet front-end — you get rows, columns, field types, formulas, lookups, and views, but the interface looks like a table anyone on your team can edit. Teams use it to track projects, manage customer data, inventory, content calendars, and anything else that needs structure.&lt;/p&gt;</description></item><item><title>7 Best AI Skills Every Developer Should Install in 2026</title><link>https://topaiskills.com/tutorials/guides/best-ai-skills-roundup-2026/</link><pubDate>Wed, 24 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/best-ai-skills-roundup-2026/</guid><description>&lt;h2 id="the-problem"&gt;The Problem&lt;/h2&gt;
&lt;p&gt;There are thousands of AI agent skills on &lt;a href="https://skills.sh" rel="nofollow" target="_blank"&gt;skills.sh&lt;/a&gt;. Most developers I talk to install two or three and stop exploring. The ones they miss turn out to be the ones they actually need.&lt;/p&gt;
&lt;p&gt;The problem isn&amp;rsquo;t finding skills — it&amp;rsquo;s knowing which ones solve real problems. Half the skills on the directory are one-shot prompts wrapped in a package. You install them, run them once, and never touch them again. The other half are genuinely useful tools that change how you work with AI agents day to day.&lt;/p&gt;</description></item><item><title>Triage</title><link>https://topaiskills.com/skills/coding/triage/</link><pubDate>Wed, 24 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/coding/triage/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;An issue triage skill that turns your AI agent into a dedicated maintainer. It reads each issue or pull request, categorizes it as bug or enhancement, moves it through a state machine with five states, and writes a structured agent brief when an issue is ready to be picked up by another agent.&lt;/p&gt;
&lt;p&gt;The workflow: an issue enters &lt;code&gt;needs-triage&lt;/code&gt;, moves to &lt;code&gt;needs-info&lt;/code&gt; if details are missing, advances to &lt;code&gt;ready-for-agent&lt;/code&gt; or &lt;code&gt;ready-for-human&lt;/code&gt; when it&amp;rsquo;s fully specified, or closes as &lt;code&gt;wontfix&lt;/code&gt;. The skill handles external PRs as issues with attached code, following the same flow.&lt;/p&gt;</description></item><item><title>Kling 3.0 vs Video Edit: When to Generate and When to Edit</title><link>https://topaiskills.com/tutorials/comparison/kling-3-0-vs-video-edit/</link><pubDate>Tue, 23 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/comparison/kling-3-0-vs-video-edit/</guid><description>&lt;h2 id="the-honest-verdict-up-front"&gt;The Honest Verdict Up Front&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;Install Kling 3.0 if you need to create video from scratch. Install Video Edit if you need to modify footage you already have. Install both if your pipeline includes generation and editing — they live in the same RunComfy ecosystem and share authentication.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;These two skills are not direct competitors. Kling 3.0 generates video — you give it text or an image and it produces a clip in one of three quality tiers (Standard, Pro, 4K). Video Edit transforms existing video — you feed it a source clip and a description of the edit, and it routes your request to the right AI model (Wan 2.7 for background swaps, Kling Motion Control for motion transfer, Lucy Restyle for character restyling).&lt;/p&gt;</description></item><item><title>AI Video Editing With RunComfy: Testing the Video Edit Skill</title><link>https://topaiskills.com/tutorials/guides/ai-video-editing-video-edit-skill/</link><pubDate>Mon, 22 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/ai-video-editing-video-edit-skill/</guid><description>&lt;h2 id="why-i-went-down-this-rabbit-hole"&gt;Why I Went Down This Rabbit Hole&lt;/h2&gt;
&lt;p&gt;The project was simple on paper: take a dozen product demo clips — each five to eight seconds of someone holding a package, talking to camera, or showing it from different angles — and give them a consistent look. A unified background, matching color grade, clean audio. A video editor quoted two days and twelve hundred dollars. I figured AI could do it in an afternoon.&lt;/p&gt;</description></item><item><title>Lark Base</title><link>https://topaiskills.com/skills/automation/lark-base/</link><pubDate>Sun, 21 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/automation/lark-base/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;A skill inside the larksuite CLI that gives your AI agent structured access to Lark Base — the spreadsheet-database hybrid in Lark&amp;rsquo;s productivity suite. Your assistant can query records, create and update rows, list tables, and search across bases, all through natural language instead of clicking through the web UI or writing raw API calls.&lt;/p&gt;
&lt;h2 id="whats-actually-different"&gt;What&amp;rsquo;s Actually Different&lt;/h2&gt;
&lt;p&gt;Most database queries from an AI agent require either a SQL connection string in your environment or a custom API wrapper that breaks every time the schema changes. Lark Base uses the same shared authentication as the other 25 skills in the larksuite CLI — the same login that reads documents, manages wikis, and creates calendar events also handles Base operations. Compared to setting up a direct database connection, you get row-level access control through Lark&amp;rsquo;s permission model, schema-aware queries that respect field types, and no credential sprawl across your tooling.&lt;/p&gt;</description></item><item><title>Lark Doc vs Lark Wiki: Which LarkSuite Skill Do You Need?</title><link>https://topaiskills.com/tutorials/comparison/lark-doc-vs-lark-wiki/</link><pubDate>Sun, 21 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/comparison/lark-doc-vs-lark-wiki/</guid><description>&lt;h2 id="the-honest-verdict-up-front"&gt;The Honest Verdict Up Front&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;Install Lark Doc if your team lives in freeform documents. Install Lark Wiki if your knowledge lives in structured wikis. Install both if you use both.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;This is not a competition where one skill is inherently better. They solve different problems with overlapping toolsets, and the right choice depends entirely on how your team organizes information inside Lark. After working through both skills in the larksuite CLI, I can tell you the practical difference comes down to one question: are you searching for a document or navigating a knowledge tree?&lt;/p&gt;</description></item><item><title>How to Install and Use LarkDoc: Read and Write Lark Documents with AI</title><link>https://topaiskills.com/tutorials/guides/lark-doc/</link><pubDate>Sat, 20 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/lark-doc/</guid><description>&lt;h2 id="what-this-gets-you"&gt;What This Gets You&lt;/h2&gt;
&lt;p&gt;This tutorial walks through installing LarkDoc — a skill inside the larksuite CLI that gives your AI agent direct access to Lark (Feishu) documents. By the end, your assistant will be able to fetch document content, create new docs, append or update blocks, insert images, and generate whiteboards — all through natural language. The process takes about 15 minutes if you already have a Lark tenant, or 20 minutes if you need to create one.&lt;/p&gt;</description></item><item><title>I Generated 100 AI Images From My Coding Assistant</title><link>https://topaiskills.com/tutorials/guides/ai-image-generation-experiment/</link><pubDate>Sat, 20 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/ai-image-generation-experiment/</guid><description>&lt;h2 id="why-i-went-down-this-rabbit-hole"&gt;Why I Went Down This Rabbit Hole&lt;/h2&gt;
&lt;p&gt;Thursday afternoon, 3 PM. I was building a landing page for a side project and needed a hero image. Not a placeholder — something that actually looked like the product. My usual workflow is: write a prompt in ChatGPT, download the image, drag it into the project folder. Then tweak the prompt, repeat. Every iteration costs a context switch.&lt;/p&gt;
&lt;p&gt;I remembered the &lt;a href="https://topaiskills.com/skills/image/ai-image-generation/"&gt;ai-image-generation&lt;/a&gt; skill sitting in my installed list from when I first set up inference.sh. I had never actually used it. The idea of generating images without leaving the terminal seemed convenient in theory, but I was skeptical about output quality compared to Midjourney or the ChatGPT web interface.&lt;/p&gt;</description></item><item><title>Kling 3.0</title><link>https://topaiskills.com/skills/image/kling-3-0/</link><pubDate>Sat, 20 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/image/kling-3-0/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Kling 3.0 is a RunComfy skill that wraps Kuaishou&amp;rsquo;s third-generation video model into six endpoints — Standard, Pro, and 4K tiers, each available as text-to-video or image-to-video. Instead of navigating Kling&amp;rsquo;s API docs and constructing JSON bodies for each rendering tier, you describe what you want and the skill routes your request to the right endpoint with appropriate parameters.&lt;/p&gt;
&lt;p&gt;The skill lives in the &lt;code&gt;agentspace-so/runcomfy-agent-skills&lt;/code&gt; monorepo alongside siblings like kling-2-6 and lucy-edit. You install it with a single &lt;code&gt;npx skills add&lt;/code&gt; command and call it through the RunComfy CLI. It complements the other video skills in the same ecosystem, such as &lt;a href="https://topaiskills.com/skills/image/video-edit/"&gt;Video Edit&lt;/a&gt;.&lt;/p&gt;</description></item><item><title>Lark Wiki</title><link>https://topaiskills.com/skills/automation/lark-wiki/</link><pubDate>Sat, 20 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/automation/lark-wiki/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Lark Wiki is the knowledge base skill from larksuite&amp;rsquo;s CLI ecosystem — it lets your AI coding assistant search wiki pages, fetch content, create new pages, and manage Lark/Feishu wikis without leaving the terminal. Think of it as having a permanent read-write connection to your team&amp;rsquo;s internal documentation, accessible from any prompt.&lt;/p&gt;
&lt;h2 id="whats-actually-different"&gt;What&amp;rsquo;s Actually Different&lt;/h2&gt;
&lt;p&gt;The Lark suite spreads across five separate products — Docs, Wiki, Base, Sheets, and Calendar — each a different skill under the same CLI. Lark Wiki specifically handles the tree-structured knowledge base: search across wikis, read page trees, create new pages with markdown content, and list recent updates. What sets it apart from a generic browser-based wiki approach is that your AI agent can search and retrieve wiki content mid-conversation, then reference it in code or decisions without you tabbing out. Compared to exporting wikis as PDFs or copy-pasting, the feedback loop collapses to zero.&lt;/p&gt;</description></item><item><title>Copywriting</title><link>https://topaiskills.com/skills/general/copywriting/</link><pubDate>Fri, 19 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/copywriting/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Copywriting is a skill that takes a product or service description and generates marketing copy across formats — email drips, landing page drafts, social media captions, and ad headlines. Instead of writing each piece from scratch or crafting separate prompts for every format, you describe what you&amp;rsquo;re selling once and the skill produces tailored output for each channel.&lt;/p&gt;
&lt;p&gt;The skill is maintained by coreyhaines31 and sits in the coding assistant&amp;rsquo;s chat context. You invoke it by describing your project, and it returns structured copy for the format you need.&lt;/p&gt;</description></item><item><title>Using the Copywriting Skill to Ship a Landing Page in One Afternoon</title><link>https://topaiskills.com/tutorials/guides/using-copywriting-skill-for-launch/</link><pubDate>Fri, 19 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/using-copywriting-skill-for-launch/</guid><description>&lt;h2 id="why-i-went-down-this-rabbit-hole"&gt;Why I Went Down This Rabbit Hole&lt;/h2&gt;
&lt;p&gt;I had a new side project — a small SEO tool I&amp;rsquo;d been building on weekends — and I needed a landing page and an email sequence to launch it. The tool itself was done, but the marketing copy was sitting in a Notion doc of half-finished sentences. I could either spend a week polishing drafts or find a faster way.&lt;/p&gt;
&lt;p&gt;I had seen the Copywriting skill on skills.sh a few weeks earlier and wrote it off as something for people who run newsletters, not someone shipping a bare-bones MVP. But the launch deadline was Friday and it was already Wednesday afternoon. I installed it.&lt;/p&gt;</description></item><item><title>How to Install AI Agent Skills in Claude Code and Cursor</title><link>https://topaiskills.com/tutorials/guides/install-ai-agent-skills/</link><pubDate>Thu, 18 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/install-ai-agent-skills/</guid><description>&lt;h2 id="what-this-gets-you"&gt;What This Gets You&lt;/h2&gt;
&lt;p&gt;Installing AI agent skills turns your coding assistant from a general-purpose LLM into a tool that knows how to debug your stack, generate video, audit SEO, or research content — without you describing what you need each time. This tutorial covers installing skills in Claude Code, Cursor, and OpenCode using the skills.sh CLI, and should take about 10 minutes if you already have Node.js installed.&lt;/p&gt;
&lt;h2 id="what-you-need-before-starting"&gt;What You Need Before Starting&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Node.js 18+&lt;/strong&gt; — The skills.sh CLI runs on npm. Run &lt;code&gt;node -v&lt;/code&gt; to check. If you&amp;rsquo;re below 18, update with &lt;code&gt;nvm install 18&lt;/code&gt; or download from nodejs.org.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;A supported coding assistant&lt;/strong&gt; — Claude Code (CLI), Cursor, or OpenCode. Each has a slightly different install path, covered below.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;GitHub CLI (&lt;code&gt;gh&lt;/code&gt;) or a GitHub token&lt;/strong&gt; — Only needed if you&amp;rsquo;re installing private skills or ones hosted on GitHub Enterprise. Public skills install fine without it.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="step-by-step"&gt;Step-by-Step&lt;/h2&gt;
&lt;h3 id="1-install-the-skillssh-cli"&gt;1. Install the skills.sh CLI&lt;/h3&gt;
&lt;p&gt;The entire skill ecosystem runs through a single npm package:&lt;/p&gt;</description></item><item><title>FAQ: Installing AI Agent Skills in Claude Code and Cursor</title><link>https://topaiskills.com/tutorials/guides/faq-installing-ai-agent-skills/</link><pubDate>Wed, 17 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/faq-installing-ai-agent-skills/</guid><description>&lt;h2 id="what-this-faq-covers"&gt;What This FAQ Covers&lt;/h2&gt;
&lt;p&gt;AI agent skills extend what your coding assistant can do — image generation, web scraping, database queries, browser automation, and dozens of other tasks. But the installation process varies by tool, and the documentation is scattered across GitHub repos, skills.sh, and individual README files. This FAQ collects the practical questions that come up when you actually sit down to install one.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="qa"&gt;Q&amp;amp;A&lt;/h2&gt;
&lt;h3 id="what-exactly-is-an-ai-agent-skill"&gt;What exactly is an AI agent skill?&lt;/h3&gt;
&lt;p&gt;An AI agent skill is a packaged set of instructions and tool definitions that teaches an AI coding assistant (Claude Code, Cursor, Codex, OpenCode) how to perform a specific task. Think of it as a plugin — you install it, and suddenly your assistant can generate images, scrape websites, or interact with a database without you writing the integration code. Skills live in a registry (skills.sh) and are installed through a CLI command or copied into a project folder.&lt;/p&gt;</description></item><item><title>GPT Image 2</title><link>https://topaiskills.com/skills/image/gpt-image-2/</link><pubDate>Wed, 17 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/image/gpt-image-2/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;A terminal skill that wraps OpenAI&amp;rsquo;s GPT Image 2 (ChatGPT Images 2.0) through the RunComfy Model API — generate and edit images without leaving your CLI. One &lt;code&gt;npx skills add&lt;/code&gt; command registers the skill, then you call &lt;code&gt;runcomfy run openai/gpt-image-2/text-to-image&lt;/code&gt; with a JSON prompt and get back a file. No OpenAI API key, no ChatGPT subscription, no browser tab. It lives in the &lt;code&gt;agentspace-so/runcomfy-skills&lt;/code&gt; repo alongside sibling skills like &lt;a href="https://topaiskills.com/skills/image/video-edit/"&gt;Video Edit&lt;/a&gt; and image-to-video.&lt;/p&gt;</description></item><item><title>Best AI Coding Assistants in 2026: A No-Nonsense Roundup</title><link>https://topaiskills.com/tutorials/guides/top-ai-coding-assistants-2026/</link><pubDate>Tue, 16 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/top-ai-coding-assistants-2026/</guid><description>&lt;h2 id="the-problem--selection-criteria"&gt;The Problem + Selection Criteria&lt;/h2&gt;
&lt;p&gt;You open Twitter, LinkedIn, or any developer forum in 2026 and there are seven different AI coding tools claiming to be the best. Claude Code runs in your terminal. Cursor is a full IDE. Copilot lives inside VS Code. Codex CLI is open source. Windsurf has its own editor. Continue plugs into anything. Amazon Q wants your AWS bill.&lt;/p&gt;
&lt;p&gt;They all generate code. They all claim to save time. But they make different trade-offs — in context handling, upfront cost, workflow integration, and the kind of projects they handle well. Picking the wrong one means fighting your tool instead of your code.&lt;/p&gt;</description></item><item><title>Video Edit</title><link>https://topaiskills.com/skills/image/video-edit/</link><pubDate>Tue, 16 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/image/video-edit/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Video Edit is an intent-routing skill for the RunComfy ecosystem that maps a natural-language video editing request to one of three video models — Wan 2.7 Edit-Video, Kling 2.6 Pro Motion Control, or Lucy Edit Restyle. Instead of picking a model, researching its prompting quirks, and manually constructing a JSON body, you describe the edit you want and the skill handles model selection and parameter formatting.&lt;/p&gt;
&lt;p&gt;The skill lives inside the &lt;code&gt;agentspace-so/runcomfy-skills&lt;/code&gt; monorepo alongside its siblings (&lt;a href="https://topaiskills.com/skills/image/gpt-image-2/"&gt;gpt-image-2&lt;/a&gt;, image-edit, wan-2-7). You install it with a single &lt;code&gt;npx skills add&lt;/code&gt; command that registers a &lt;code&gt;video-edit&lt;/code&gt; agent skill, then call it through the RunComfy CLI.&lt;/p&gt;</description></item><item><title>Claude Code vs Cursor: Which AI Coding Tool Should You Use?</title><link>https://topaiskills.com/tutorials/comparison/claude-code-vs-cursor/</link><pubDate>Mon, 15 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/comparison/claude-code-vs-cursor/</guid><description>&lt;h2 id="the-honest-verdict-up-front"&gt;The Honest Verdict Up Front&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;Claude Code wins if you live in the terminal. Cursor wins if you want AI baked into a full IDE.&lt;/strong&gt; Neither is objectively better — they serve different working styles. After spending months with both, I reach for Claude Code when I want speed and script-like interactions, and Cursor when I need visual context and multi-file editing with less mental overhead.&lt;/p&gt;
&lt;p&gt;The real answer? Most serious AI-coded projects benefit from having both available.&lt;/p&gt;</description></item><item><title>LarkDoc</title><link>https://topaiskills.com/skills/automation/lark-doc/</link><pubDate>Mon, 15 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/automation/lark-doc/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;A skill inside the larksuite CLI that gives your AI agent direct access to Lark (Feishu) documents. Your assistant can fetch document content, create new docs, append or update blocks, insert images, and generate whiteboards — all through natural language commands instead of clicking through the web UI.&lt;/p&gt;
&lt;h2 id="whats-actually-different"&gt;What&amp;rsquo;s Actually Different&lt;/h2&gt;
&lt;p&gt;Most document automation tools require custom API wrappers or Zapier-style integrations that break on the first auth refresh. This skill is part of a purpose-built CLI with 200+ commands and 26 agent skills, all sharing a single authentication session. The same login that lets your agent read a document also lets it create Base records, manage calendar events, and send chat messages. Compared to building bespoke API calls, you get a tested, maintained integration that stays in sync with Lark&amp;rsquo;s platform updates.&lt;/p&gt;</description></item><item><title>I Generated Marketing Assets With GPT Image 2 Inside Claude Code</title><link>https://topaiskills.com/tutorials/guides/gpt-image-2-experiment/</link><pubDate>Sat, 13 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/gpt-image-2-experiment/</guid><description>&lt;h2 id="why-i-went-down-this-rabbit-hole"&gt;Why I Went Down This Rabbit Hole&lt;/h2&gt;
&lt;p&gt;Last Tuesday I was switching between four tabs: Claude Code, Canva, ChatGPT, and a product photo reference board. I was mocking up a landing page for a client — a premium water bottle brand — and every image revision meant exporting from ChatGPT, dragging into the right folder, then asking Claude to reference it. The context-switch tax felt absurd. Here I was using an AI coding assistant, and image generation still lived outside the chat window.&lt;/p&gt;</description></item><item><title>To PRD</title><link>https://topaiskills.com/skills/general/to-prd/</link><pubDate>Sat, 13 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/to-prd/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;A PRD generation skill that works by synthesis, not interview. Instead of asking you a list of questions, it listens to whatever context you&amp;rsquo;ve already built up in your AI conversation — discussion about a feature, tradeoffs you&amp;rsquo;ve explored, constraints you&amp;rsquo;ve mentioned — and turns that into a structured product requirements document with sections for problem statement, process, deep modules, and test seams. It then publishes the result to your issue tracker with a triage label.&lt;/p&gt;</description></item><item><title>AI Image Generation</title><link>https://topaiskills.com/skills/image/ai-image-generation/</link><pubDate>Fri, 12 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/image/ai-image-generation/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;A skill that pipes 50+ image generation models into your AI coding assistant. Instead of switching to a separate app or website for image generation, you type a prompt in Claude Code or Cursor and get back an image from FLUX, Gemini, Reve, or any model you choose. The inference.sh backend handles the API routing.&lt;/p&gt;
&lt;h2 id="whats-actually-different"&gt;What&amp;rsquo;s Actually Different&lt;/h2&gt;
&lt;p&gt;Most image generation tools require their own interface — Midjourney in Discord, DALL-E in ChatGPT, or a dedicated web app. This skill collapses that into the same chat where you write code. The real difference is iteration speed: you can generate an image, discuss changes with your AI, and regenerate in the same conversation thread. Compared to manually copying prompts between tools, it saves the context-switch overhead that kills flow state.&lt;/p&gt;</description></item><item><title>I Let AI Write My PRD for a Week Here's What Happened</title><link>https://topaiskills.com/tutorials/guides/to-prd-experiment/</link><pubDate>Fri, 12 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/to-prd-experiment/</guid><description>&lt;h2 id="why-i-went-down-this-rabbit-hole"&gt;Why I Went Down This Rabbit Hole&lt;/h2&gt;
&lt;p&gt;It was a Tuesday afternoon, and I was staring at my third blank PRD template of the month. Same cursor blinking in the same &amp;ldquo;Problem Statement&amp;rdquo; field. Same feeling that I should be writing code instead of documenting why the code matters.&lt;/p&gt;
&lt;p&gt;I work on a small team. We ship fast, which means documentation is always the first thing to slip. PRDs end up as Notion scraps or Slack threads titled &amp;ldquo;that thing we discussed.&amp;rdquo; When I found &lt;code&gt;to-prd&lt;/code&gt; on skills.sh — described as a tool that synthesizes conversation context into a structured PRD and publishes it to your issue tracker — I installed it within 30 seconds. The promise was simple: stop writing requirements, start shipping. I&amp;rsquo;d already tried &lt;a href="https://topaiskills.com/skills/general/grill-me/"&gt;Grill Me&lt;/a&gt;, another Matt Pocock skill, for plan review. to-prd felt like the natural companion.&lt;/p&gt;</description></item><item><title>AI-Powered Web Scraping: A Guide to Just Scrape CLI</title><link>https://topaiskills.com/tutorials/guides/just-scrape/</link><pubDate>Thu, 11 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/just-scrape/</guid><description>&lt;h2 id="what-this-gets-you"&gt;What This Gets You&lt;/h2&gt;
&lt;p&gt;This tutorial walks through installing and using Just Scrape — an AI-powered CLI that scrapes web pages, extracts structured JSON, searches the web, crawls site sections, and monitors pages for changes. By the end you will have a working setup that turns any URL into usable content with a single command and understand when to use each of its eight subcommands. The whole process takes about 10 minutes.&lt;/p&gt;</description></item><item><title>Just Scrape</title><link>https://topaiskills.com/skills/general/just-scrape/</link><pubDate>Thu, 11 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/just-scrape/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Just Scrape is a terminal-based web scraping CLI that turns any URL into markdown, structured JSON, screenshots, or summaries using the ScrapeGraph AI API. One command replaces the usual dance of opening browser DevTools, writing custom parsers, and debugging selector breakages when a site changes its layout. It ships as both a standalone npm package and an installable agent skill for Claude Code, Cursor, Codex, and OpenCode.&lt;/p&gt;</description></item><item><title>Caveman</title><link>https://topaiskills.com/skills/general/caveman/</link><pubDate>Tue, 09 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/caveman/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Caveman makes AI coding assistants respond in &amp;ldquo;caveman style&amp;rdquo; — all filler words removed, only core technical content remains. Average 75% reduction in output tokens, ~3x faster responses. Four compression levels from light deduplication to telegram-style ultra-minimal. Also includes memory file compression that rewrites CLAUDE.md and similar files, cutting ~46% of input tokens.&lt;/p&gt;
&lt;h2 id="whats-actually-different"&gt;What&amp;rsquo;s Actually Different&lt;/h2&gt;
&lt;p&gt;Most people add &amp;ldquo;be concise&amp;rdquo; to their system prompt, but models ignore it frequently. Caveman installs as a Skill and hard-controls output style with guaranteed results. Unique features include &lt;code&gt;/caveman-stats&lt;/code&gt; for real-time token/dollar savings tracking, &lt;code&gt;/caveman-compress&lt;/code&gt; for rewriting memory files, and cavecrew sub-agents that use ~60% fewer tokens.&lt;/p&gt;</description></item><item><title>Finding Architecture Problems with Improve Codebase Architecture</title><link>https://topaiskills.com/tutorials/guides/improve-codebase-architecture/</link><pubDate>Tue, 09 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/improve-codebase-architecture/</guid><description>&lt;h2 id="what-it-discovers"&gt;What It Discovers&lt;/h2&gt;
&lt;p&gt;Ask AI to &amp;ldquo;optimize my code&amp;rdquo; and it does local improvements — extracting functions, adding types, renaming. Useful, but surface-level. Improve Codebase Architecture does something different: it makes AI understand your domain model first, then finds architectural issues from that perspective. Cross-module coupling that local optimization can never see.&lt;/p&gt;
&lt;h2 id="part-of-matt-pococks-suite"&gt;Part of Matt Pocock&amp;rsquo;s Suite&lt;/h2&gt;
&lt;p&gt;One of 18 skills. Install the full set:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;npx skills@latest add mattpocock/skills
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Run &lt;code&gt;/setup-matt-pocock-skills&lt;/code&gt; first to configure your issue tracker, labels, and doc paths. AI needs to know whether you use GitHub Issues or Linear and where docs live.&lt;/p&gt;</description></item><item><title>Grill Me</title><link>https://topaiskills.com/skills/general/grill-me/</link><pubDate>Tue, 09 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/grill-me/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;An interrogation-style plan review skill. Before you write code, it makes your AI challenge your assumptions, press on edge cases, demand alternatives, and keep pushing until every branch of your decision tree has an answer.&lt;/p&gt;
&lt;h2 id="whats-actually-different"&gt;What&amp;rsquo;s Actually Different&lt;/h2&gt;
&lt;p&gt;Most AI assistants respond to a plan with &amp;ldquo;Great idea, let me implement it.&amp;rdquo; Grill Me does the opposite — it questions you first. Similar to Matt Pocock&amp;rsquo;s &lt;code&gt;/grill-with-docs&lt;/code&gt; skill, but that one ties into project documentation. Grill Me is better for early-stage plan discussions.&lt;/p&gt;</description></item><item><title>Using Microsoft Foundry Skill to Deploy AI Models via CLI</title><link>https://topaiskills.com/tutorials/guides/microsoft-foundry/</link><pubDate>Tue, 09 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/microsoft-foundry/</guid><description>&lt;h2 id="what-microsoft-foundry-does"&gt;What Microsoft Foundry Does&lt;/h2&gt;
&lt;p&gt;Azure AI Foundry is Microsoft&amp;rsquo;s platform for browsing, testing, and deploying AI models. This skill is part of the &lt;code&gt;azure-skills&lt;/code&gt; plugin and gives your AI assistant direct MCP access to your Azure Foundry — checking available models, deploying endpoints, configuring agent workflows, all without touching the Azure Portal.&lt;/p&gt;
&lt;h2 id="who-should-install-this"&gt;Who Should Install This&lt;/h2&gt;
&lt;p&gt;Developers and teams building on Azure who need to frequently manage AI model deployments. If you&amp;rsquo;re prototyping AI applications and switching between different models to test performance, this skill eliminates a lot of Portal clicking.&lt;/p&gt;</description></item><item><title>Agent Browser</title><link>https://topaiskills.com/skills/general/agent-browser/</link><pubDate>Sun, 07 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/agent-browser/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Agent Browser is a Rust-native CLI that lets AI agents control real browsers through terminal commands. It talks to Chrome (and Safari, Brave, Edge) via the Chrome DevTools Protocol, so your AI assistant can open pages, click elements, fill forms, take screenshots, and extract content without you writing a single selector.&lt;/p&gt;
&lt;h2 id="whats-actually-different"&gt;What&amp;rsquo;s Actually Different&lt;/h2&gt;
&lt;p&gt;Most browser automation for AI is Python-based (Playwright, Browser Use). Agent Browser is written in Rust and designed specifically for the CLI workflow. It returns page snapshots as structured accessibility trees with element references (&lt;code&gt;@e1&lt;/code&gt;, &lt;code&gt;@e2&lt;/code&gt;), which makes it much easier for an AI to reason about &amp;ldquo;what to click next&amp;rdquo; than raw DOM or screenshots alone.&lt;/p&gt;</description></item><item><title>Writing Videos with React: A Guide to the Remotion Agent Skill</title><link>https://topaiskills.com/tutorials/guides/remotion-best-practices/</link><pubDate>Sun, 07 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/remotion-best-practices/</guid><description>&lt;h2 id="what-remotion-is"&gt;What Remotion Is&lt;/h2&gt;
&lt;p&gt;Remotion is a framework for creating videos programmatically with React. Every frame of the video is a render result of a React component. You use &lt;code&gt;useCurrentFrame()&lt;/code&gt; to get the current frame number, &lt;code&gt;interpolate()&lt;/code&gt; for animation easing, and standard web technologies — JSX, CSS, Canvas, SVG, WebGL — to build visuals. The output is an MP4 file.&lt;/p&gt;
&lt;p&gt;48.8k GitHub Stars. Fireship&amp;rsquo;s &amp;ldquo;This video was made with code&amp;rdquo; and GitHub Unwrapped were both built with Remotion.&lt;/p&gt;</description></item><item><title>Grill Me: Have AI Challenge Your Plan Before You Write a Single Line</title><link>https://topaiskills.com/tutorials/guides/grill-me/</link><pubDate>Sat, 06 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/grill-me/</guid><description>&lt;h2 id="what-problem-it-solves"&gt;What Problem It Solves&lt;/h2&gt;
&lt;p&gt;You tell AI &amp;ldquo;I&amp;rsquo;m going to refactor this module.&amp;rdquo; AI says &amp;ldquo;Great, let me do it.&amp;rdquo; Then halfway through, you discover the approach is flawed and need to rework everything.&lt;/p&gt;
&lt;p&gt;Grill Me fixes this. Install it, say the same thing, and instead of diving in, AI starts questioning you:&lt;/p&gt;
&lt;p&gt;&amp;ldquo;What&amp;rsquo;s the scope of this refactor? Just this module or downstream dependencies? If the interface changes, what happens to existing callers?&amp;rdquo;&lt;/p&gt;</description></item><item><title>Remotion Best Practices</title><link>https://topaiskills.com/skills/coding/remotion-best-practices/</link><pubDate>Sat, 06 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/coding/remotion-best-practices/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Remotion is a framework for creating videos programmatically using React. This skill packages the Remotion team&amp;rsquo;s best practices into rules that your AI assistant follows automatically — from project scaffolding, animation design, asset management, and sequencing to rendering. It covers 30+ sub-topics including subtitles, sound effects, transitions, 3D, GIF sync, transparent video, and audio visualization.&lt;/p&gt;
&lt;h2 id="whats-actually-different"&gt;What&amp;rsquo;s Actually Different&lt;/h2&gt;
&lt;p&gt;Code-generated video is a niche with almost no direct competitors — most video production still uses Premiere or After Effects. Compared to After Effects scripting, Remotion uses React, meaning you get the entire frontend ecosystem. What makes this skill genuinely valuable is that AI is good at writing React code, but without Remotion-specific knowledge, it will write broken code — CSS transitions don&amp;rsquo;t render correctly, Tailwind animation classes don&amp;rsquo;t work, and resource loading follows different rules. This skill prevents all of that.&lt;/p&gt;</description></item><item><title>Caveman: Cut AI Response Tokens by 75% Without Losing Accuracy</title><link>https://topaiskills.com/tutorials/guides/caveman/</link><pubDate>Fri, 05 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/caveman/</guid><description>&lt;h2 id="what-caveman-does"&gt;What Caveman Does&lt;/h2&gt;
&lt;p&gt;It makes AI coding assistants shut up — not by making them dumber, but by stripping filler.&lt;/p&gt;
&lt;p&gt;Before Caveman, Claude Code explains a React re-render like this:&lt;/p&gt;
&lt;p&gt;&amp;ldquo;The reason your React component is re-rendering is likely because you&amp;rsquo;re creating a new object reference on each render cycle. This causes React to see the prop as changed, triggering a re-render&amp;hellip;&amp;rdquo;&lt;/p&gt;
&lt;p&gt;After Caveman:&lt;/p&gt;
&lt;p&gt;&amp;ldquo;New object ref each render. Inline object prop = new ref = re-render. Wrap in &lt;code&gt;useMemo&lt;/code&gt;.&amp;rdquo;&lt;/p&gt;</description></item><item><title>Vercel React Best Practices</title><link>https://topaiskills.com/skills/coding/vercel-react-best-practices/</link><pubDate>Fri, 05 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/coding/vercel-react-best-practices/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;An official Vercel skill that packs 64 performance rules for React and Next.js into a format AI agents can follow. Covers rendering strategy, state management, component design, data fetching, performance optimization, type safety, accessibility, and testing. Install it in Claude Code and the AI writes code aligned with Vercel conventions without you prompting it.&lt;/p&gt;
&lt;h2 id="whats-actually-different"&gt;What&amp;rsquo;s Actually Different&lt;/h2&gt;
&lt;p&gt;Writing &amp;ldquo;follow React best practices&amp;rdquo; in your prompt gives you inconsistent results that vary by model. This skill encodes 64 specific, conditional rules from Vercel&amp;rsquo;s team — they don&amp;rsquo;t drift. More importantly, these rules are Next.js-aware: Server Components, App Router, &lt;code&gt;use cache&lt;/code&gt;, and other framework-specific patterns that generic React advice ignores. The rules tell the AI not just what to do, but when and why.&lt;/p&gt;</description></item><item><title>Improve Codebase Architecture</title><link>https://topaiskills.com/skills/coding/improve-codebase-architecture/</link><pubDate>Thu, 04 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/coding/improve-codebase-architecture/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;Makes AI scan your codebase to find deep architectural improvement opportunities based on domain language and ADRs (Architecture Decision Records). Not surface-level refactoring like extracting functions or renaming variables — it identifies module coupling, responsibility blur, and abstraction mismatches.&lt;/p&gt;
&lt;h2 id="whats-actually-different"&gt;What&amp;rsquo;s Actually Different&lt;/h2&gt;
&lt;p&gt;Ask AI to &amp;ldquo;optimize my code&amp;rdquo; and it usually does local improvements. This skill makes AI first understand your domain model, then find architecture-level issues. Works best with the CONTEXT.md file from Matt Pocock&amp;rsquo;s suite — so AI knows what your project&amp;rsquo;s terms mean.&lt;/p&gt;</description></item><item><title>Vercel React Best Practices: 64 Rules for Faster Next.js Apps</title><link>https://topaiskills.com/tutorials/guides/vercel-react-best-practices/</link><pubDate>Thu, 04 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/vercel-react-best-practices/</guid><description>&lt;h2 id="what-this-skill-actually-does"&gt;What This Skill Actually Does&lt;/h2&gt;
&lt;p&gt;Vercel packages their React and Next.js performance knowledge into 64 rules. Once installed, your AI assistant follows them automatically when writing code. The rules cover rendering strategy, state management, component design, data fetching, performance optimization, type safety, accessibility, and testing — 8 categories total.&lt;/p&gt;
&lt;p&gt;The skill lives inside the larger &lt;code&gt;vercel-plugin&lt;/code&gt; package, which bundles 25 skills covering the entire Vercel ecosystem. You can install just the React best practices skill, or the full plugin.&lt;/p&gt;</description></item><item><title>Microsoft Foundry</title><link>https://topaiskills.com/skills/automation/microsoft-foundry/</link><pubDate>Wed, 03 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/automation/microsoft-foundry/</guid><description>&lt;h2 id="what-it-is"&gt;What It Is&lt;/h2&gt;
&lt;p&gt;A skill within Microsoft&amp;rsquo;s official azure-skills plugin that connects AI agents to Microsoft Foundry — their AI model platform for discovering, deploying, and managing models. Through the Foundry MCP server, your AI assistant can browse available models, deploy endpoints, and configure agent workflows directly in your Azure subscription.&lt;/p&gt;
&lt;h2 id="whats-actually-different"&gt;What&amp;rsquo;s Actually Different&lt;/h2&gt;
&lt;p&gt;Most AI coding tools can tell you how to call an OpenAI API, but they can&amp;rsquo;t actually deploy a model endpoint for you. This skill gives AI agents real execution capability via MCP — it can check your subscription quotas, deploy models, and return working endpoint URLs. It&amp;rsquo;s not documentation-based advice; it&amp;rsquo;s actual Azure resource management through your authenticated CLI session.&lt;/p&gt;</description></item><item><title>Agent Browser: A Complete Setup Guide</title><link>https://topaiskills.com/tutorials/guides/agent-browser/</link><pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/agent-browser/</guid><description>&lt;h2 id="what-you-get-after-installing"&gt;What You Get After Installing&lt;/h2&gt;
&lt;p&gt;Once Agent Browser is set up, your AI assistant can open browsers, click buttons, fill forms, take screenshots, and extract page content through terminal commands. It&amp;rsquo;s not a tool for writing automation scripts manually — it&amp;rsquo;s built for AI agents. The AI sees a page snapshot and decides what to click next.&lt;/p&gt;
&lt;p&gt;Unlike Browser Use (Python ecosystem), Agent Browser is implemented in Rust and communicates via the Chrome DevTools Protocol. No Node.js runtime needed for browser control. Fast startup, fits naturally into CLI workflows.&lt;/p&gt;</description></item><item><title>Brainstorming</title><link>https://topaiskills.com/skills/general/brainstorming/</link><pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/brainstorming/</guid><description>&lt;h2 id="what-it-is--verdict"&gt;What It Is + Verdict&lt;/h2&gt;
&lt;p&gt;Brainstorming is Obra&amp;rsquo;s pre-implementation thinking skill. Before Claude writes a single line of code, this skill forces a structured exploration of user intent, requirements, and design alternatives. It is the most valuable skill to keep active permanently.&lt;/p&gt;
&lt;h2 id="the-one-thing-that-matters"&gt;The One Thing That Matters&lt;/h2&gt;
&lt;p&gt;The skill intercepts requests before implementation begins. When you ask Claude to build something, Brainstorming kicks in and runs a design thinking process: purpose, audience, constraints, differentiation. It makes Claude ask clarifying questions and explore alternatives before committing to a direction. This prevents the most common failure mode of AI coding — building the wrong thing well.&lt;/p&gt;</description></item><item><title>Browser Use</title><link>https://topaiskills.com/skills/general/browser-use/</link><pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/browser-use/</guid><description>&lt;h2 id="what-it-is--verdict"&gt;What It Is + Verdict&lt;/h2&gt;
&lt;p&gt;Browser Use is a browser automation skill that lets Claude control a real browser — navigating pages, filling forms, taking screenshots, and extracting data. It is one of the most practical skills in the ecosystem for anyone who works with web applications.&lt;/p&gt;
&lt;h2 id="the-one-thing-that-matters"&gt;The One Thing That Matters&lt;/h2&gt;
&lt;p&gt;The skill works with a real browser instance, not a simulated DOM. This means it handles JavaScript-rendered content, authenticated sessions, and dynamic single-page apps correctly. When combined with Claude&amp;rsquo;s ability to reason about what it sees in screenshots, the result is far more reliable than headless DOM scraping alone.&lt;/p&gt;</description></item><item><title>Docx</title><link>https://topaiskills.com/skills/general/docx/</link><pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/docx/</guid><description>&lt;h2 id="what-it-is--verdict"&gt;What It Is + Verdict&lt;/h2&gt;
&lt;p&gt;DOCX is Anthropic&amp;rsquo;s Word document skill for creating, reading, and editing .docx files in Claude Code. It handles the full feature set — tables of contents, headings, tables, images, page numbers, and tracked changes — producing documents that open correctly in Microsoft Word and Google Docs.&lt;/p&gt;
&lt;h2 id="the-one-thing-that-matters"&gt;The One Thing That Matters&lt;/h2&gt;
&lt;p&gt;Word documents are XML packages under the hood, and malformed XML produces corrupted files. This skill knows the correct schema and produces valid output consistently. It handles real document features that naive approaches get wrong: proper heading styles for TOC generation, image embedding with correct relationships, and tracked changes that actually display in Word&amp;rsquo;s review mode.&lt;/p&gt;</description></item><item><title>Find Skills</title><link>https://topaiskills.com/skills/search/find-skills/</link><pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/search/find-skills/</guid><description>&lt;h2 id="what-it-is--verdict"&gt;What It Is + Verdict&lt;/h2&gt;
&lt;p&gt;Find Skills is Vercel&amp;rsquo;s official skill for discovering and installing other skills. It turns Claude into a skill package manager — search, evaluate, and install capabilities without leaving your terminal.&lt;/p&gt;
&lt;h2 id="the-one-thing-that-matters"&gt;The One Thing That Matters&lt;/h2&gt;
&lt;p&gt;The skill enforces a quality gate before recommending anything. It checks install counts, source reputation, and GitHub stars, and explicitly warns against recommending skills under 100 installs or from unknown authors. This trust layer is what separates it from a raw search tool.&lt;/p&gt;</description></item><item><title>Frontend Design</title><link>https://topaiskills.com/skills/coding/frontend-design/</link><pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/coding/frontend-design/</guid><description>&lt;h2 id="what-it-is--verdict"&gt;What It Is + Verdict&lt;/h2&gt;
&lt;p&gt;Frontend Design is an Anthropic-authored skill that makes Claude Code produce genuinely distinctive frontend interfaces. It directly addresses the most visible weakness of AI-generated code: the generic look that makes everything feel like it came from the same template.&lt;/p&gt;
&lt;h2 id="the-one-thing-that-matters"&gt;The One Thing That Matters&lt;/h2&gt;
&lt;p&gt;The skill rejects generic AI aesthetics explicitly. Its core instruction tells Claude to avoid overused font families (Inter, Roboto), predictable purple gradients, and cookie-cutter layouts. Instead it demands a deliberate creative direction for every project — brutalist, editorial, playful, refined — and then follows through with production code that executes that vision. The instruction set covers typography, color systems, motion design, spatial composition, and atmospheric backgrounds, with concrete guidance on each.&lt;/p&gt;</description></item><item><title>Pdf</title><link>https://topaiskills.com/skills/general/pdf/</link><pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/pdf/</guid><description>&lt;h2 id="what-it-is--verdict"&gt;What It Is + Verdict&lt;/h2&gt;
&lt;p&gt;PDF is Anthropic&amp;rsquo;s document processing skill for working with PDF files in Claude Code. It handles reading text content, generating new PDFs, and modifying existing documents — covering the full PDF workflow without leaving your terminal.&lt;/p&gt;
&lt;h2 id="the-one-thing-that-matters"&gt;The One Thing That Matters&lt;/h2&gt;
&lt;p&gt;PDF generation from an AI agent is notoriously hard because PDF is a visual format built from low-level drawing primitives. This skill abstracts that complexity — you describe what the document should look like, and Claude produces correctly formatted PDF output. For reading, it extracts text content that Claude can analyze, summarize, or transform.&lt;/p&gt;</description></item><item><title>Pptx</title><link>https://topaiskills.com/skills/general/pptx/</link><pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/pptx/</guid><description>&lt;h2 id="what-it-is--verdict"&gt;What It Is + Verdict&lt;/h2&gt;
&lt;p&gt;PPTX is Anthropic&amp;rsquo;s presentation skill that generates PowerPoint files from Claude Code. It produces slides with proper layouts, images, and formatting — opening correctly in PowerPoint, Google Slides, and Keynote.&lt;/p&gt;
&lt;h2 id="the-one-thing-that-matters"&gt;The One Thing That Matters&lt;/h2&gt;
&lt;p&gt;Good presentations are visual, and this skill generates slide content that includes images and diagrams, not just text placeholders. It understands slide layouts, master templates, and content placement. The output is usable as-is for internal presentations or as a strong first draft for client-facing decks.&lt;/p&gt;</description></item><item><title>Seo Audit</title><link>https://topaiskills.com/skills/general/seo-audit/</link><pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/seo-audit/</guid><description>&lt;h2 id="what-it-is--verdict"&gt;What It Is + Verdict&lt;/h2&gt;
&lt;p&gt;SEO Audit is Corey Haines&amp;rsquo; marketing analytics skill that analyzes website SEO across technical, on-page, and content dimensions. It produces structured audit reports with prioritized, actionable recommendations.&lt;/p&gt;
&lt;h2 id="the-one-thing-that-matters"&gt;The One Thing That Matters&lt;/h2&gt;
&lt;p&gt;The skill generates prioritized recommendations, not a flat list of issues. It identifies quick wins that produce immediate ranking improvements versus strategic changes that take months. This triage is what makes the output actionable — you know what to fix today versus what to plan for next quarter.&lt;/p&gt;</description></item><item><title>Shadcn</title><link>https://topaiskills.com/skills/image/shadcn/</link><pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/image/shadcn/</guid><description>&lt;h2 id="what-it-is--verdict"&gt;What It Is + Verdict&lt;/h2&gt;
&lt;p&gt;Shadcn is a UI component generation skill that produces production-grade interfaces using the shadcn/ui design system. It is the fastest way to get consistently styled, accessible React components.&lt;/p&gt;
&lt;h2 id="the-one-thing-that-matters"&gt;The One Thing That Matters&lt;/h2&gt;
&lt;p&gt;The skill generates components that follow the shadcn/ui philosophy: copy-paste components that you own and customize. Unlike a component library you install as a dependency, shadcn/ui components are source files in your project that you can modify directly. The skill understands this ecosystem — it knows which primitives exist, how they compose, and what variants are available.&lt;/p&gt;</description></item><item><title>Skill Creator</title><link>https://topaiskills.com/skills/general/skill-creator/</link><pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/skill-creator/</guid><description>&lt;h2 id="what-it-is--verdict"&gt;What It Is + Verdict&lt;/h2&gt;
&lt;p&gt;Skill Creator is Anthropic&amp;rsquo;s official guide for building your own agent skills. It documents the skill format, creation workflow, and packaging process — essential reading if you want to publish skills or customize existing ones.&lt;/p&gt;
&lt;h2 id="the-one-thing-that-matters"&gt;The One Thing That Matters&lt;/h2&gt;
&lt;p&gt;The skill teaches progressive disclosure: skill metadata (name + description) is always in context, the SKILL.md body loads when the skill triggers, and bundled resources load on demand. This context-aware design is what keeps skill invocation fast — the model only reads what it needs.&lt;/p&gt;</description></item><item><title>Supabase Postgres Best Practices</title><link>https://topaiskills.com/skills/general/supabase-postgres-best-practices/</link><pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/supabase-postgres-best-practices/</guid><description>&lt;h2 id="what-it-is--verdict"&gt;What It Is + Verdict&lt;/h2&gt;
&lt;p&gt;Supabase Postgres Best Practices is Supabase&amp;rsquo;s official PostgreSQL skill. It encodes their engineering team&amp;rsquo;s standards for query optimization, indexing, schema design, and Row Level Security into every database task Claude handles.&lt;/p&gt;
&lt;h2 id="the-one-thing-that-matters"&gt;The One Thing That Matters&lt;/h2&gt;
&lt;p&gt;The skill knows Supabase-specific patterns that generic Postgres knowledge gets wrong. It understands Supabase&amp;rsquo;s platform constraints (connection pooling limits, edge function cold starts, realtime subscription pricing) and generates queries that account for them. It also handles Row Level Security policies correctly, which is the most common source of production issues in Supabase projects.&lt;/p&gt;</description></item><item><title>Systematic Debugging</title><link>https://topaiskills.com/skills/coding/systematic-debugging/</link><pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/coding/systematic-debugging/</guid><description>&lt;h2 id="what-it-is--verdict"&gt;What It Is + Verdict&lt;/h2&gt;
&lt;p&gt;Systematic Debugging is Obra&amp;rsquo;s structured approach to fixing software issues. It replaces guesswork with a hypothesis-driven investigation framework — isolate, diagnose, fix, verify.&lt;/p&gt;
&lt;h2 id="the-one-thing-that-matters"&gt;The One Thing That Matters&lt;/h2&gt;
&lt;p&gt;The skill enforces a scientific method for debugging: form a hypothesis, design a minimal experiment, run it, interpret results. This prevents the most common debugging failure mode — changing things randomly until the symptom disappears without understanding the root cause. Each cycle narrows the search space until the root cause is identified.&lt;/p&gt;</description></item><item><title>Tdd</title><link>https://topaiskills.com/skills/general/tdd/</link><pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/tdd/</guid><description>&lt;h2 id="what-it-is--verdict"&gt;What It Is + Verdict&lt;/h2&gt;
&lt;p&gt;TDD is Matt Pocock&amp;rsquo;s test-driven development skill that enforces a red-green-refactor workflow in Claude Code. It focuses on behavior testing through public interfaces — the most maintainable and effective testing approach.&lt;/p&gt;
&lt;h2 id="the-one-thing-that-matters"&gt;The One Thing That Matters&lt;/h2&gt;
&lt;p&gt;The skill explicitly forbids testing implementation details. Its core teaching is that tests should verify behavior through public APIs, not internal structure. If a rename breaks tests, those tests were testing the wrong thing. This principle alone prevents the most expensive testing anti-pattern — brittle tests that break on every refactor.&lt;/p&gt;</description></item><item><title>Web Design Guidelines</title><link>https://topaiskills.com/skills/coding/web-design-guidelines/</link><pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/coding/web-design-guidelines/</guid><description>&lt;h2 id="what-it-is--verdict"&gt;What It Is + Verdict&lt;/h2&gt;
&lt;p&gt;Web Design Guidelines is Vercel&amp;rsquo;s official frontend best practices skill. It encodes Vercel Engineering&amp;rsquo;s standards for responsive layouts, accessibility, performance, and component architecture into Claude&amp;rsquo;s output.&lt;/p&gt;
&lt;h2 id="the-one-thing-that-matters"&gt;The One Thing That Matters&lt;/h2&gt;
&lt;p&gt;The skill enforces Vercel&amp;rsquo;s production standards across every frontend task. It covers core web vitals (LCP, FID, CLS), accessibility requirements (ARIA labels, keyboard navigation, color contrast), responsive design patterns (mobile-first, container queries), and component architecture (composition over inheritance, prop drilling avoidance). The output consistently meets the quality bar Vercel applies to its own products.&lt;/p&gt;</description></item><item><title>Xlsx</title><link>https://topaiskills.com/skills/general/xlsx/</link><pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/skills/general/xlsx/</guid><description>&lt;h2 id="what-it-is--verdict"&gt;What It Is + Verdict&lt;/h2&gt;
&lt;p&gt;XLSX is Anthropic&amp;rsquo;s spreadsheet skill that creates and edits Excel files from Claude Code. It handles formulas, cell formatting, multiple worksheets, and data layout — producing files that open correctly in Excel, Google Sheets, and LibreOffice Calc.&lt;/p&gt;
&lt;h2 id="the-one-thing-that-matters"&gt;The One Thing That Matters&lt;/h2&gt;
&lt;p&gt;The skill handles formulas correctly, not just static values. You can describe a calculation — &amp;ldquo;add a column that is tax plus shipping&amp;rdquo; — and it generates the correct Excel formula in the right cell. This means the output spreadsheet is alive: recipients can change inputs and see results update automatically.&lt;/p&gt;</description></item><item><title>ChatGPT vs Gemini: Which AI Assistant Should You Use?</title><link>https://topaiskills.com/tutorials/comparison/chatgpt-vs-gemini/</link><pubDate>Sun, 31 May 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/comparison/chatgpt-vs-gemini/</guid><description>&lt;p&gt;Which AI assistant should you actually use every day? I&amp;rsquo;ve been running both ChatGPT and Gemini side by side for the past four months — writing, coding, research, image analysis, the whole stack. Here&amp;rsquo;s the honest breakdown.&lt;/p&gt;
&lt;p&gt;ChatGPT is the safer default for most people. Gemini wins if you live inside Google&amp;rsquo;s ecosystem or work with documents that would crush any other model&amp;rsquo;s context window. Both have blind spots that neither admits — I&amp;rsquo;ll get to those too. If you only read one section, read the pricing comparison at the end. The $20/month plans look the same on paper but the value you actually get is very different.&lt;/p&gt;</description></item><item><title>How I Fixed a Stubborn Bug Using Systematic Debugging</title><link>https://topaiskills.com/tutorials/guides/how-i-fixed-a-stubborn-bug-using-systematic-debugging/</link><pubDate>Sun, 31 May 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/how-i-fixed-a-stubborn-bug-using-systematic-debugging/</guid><description>&lt;p&gt;AI-generated code can hide bugs in unexpected places. I used a systematic debugging methodology to find a root cause that had stumped me for hours.&lt;/p&gt;
&lt;h3 id="why-i-went-down-this-rabbit-hole"&gt;Why I Went Down This Rabbit Hole&lt;/h3&gt;
&lt;p&gt;The terminal blinked at 2:14 AM. I was staring at a JSON response that listed a customer order total as four hundred dollars instead of forty. The API was supposed to pull discount codes from a PostgreSQL table and apply them before returning the payload. I had generated the endpoint using an AI assistant three days prior. It worked perfectly in staging. It broke in production after we migrated the promo table. I started throwing print statements at the router. I changed variable names. I restarted the server. Nothing shifted the numbers. I realized I was debugging by accident, not by design.&lt;/p&gt;</description></item><item><title>How to Build Your First MCP Server: A Step-by-Step Guide</title><link>https://topaiskills.com/tutorials/guides/how-to-build-your-first-mcp-server/</link><pubDate>Sun, 31 May 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/how-to-build-your-first-mcp-server/</guid><description>&lt;p&gt;Build a Model Context Protocol server from scratch. Step-by-step guide covering setup, tool definitions, and configuration for Claude Code and Cursor.&lt;/p&gt;
&lt;h3 id="what-this-gets-you"&gt;What This Gets You&lt;/h3&gt;
&lt;p&gt;When you finish this tutorial, you&amp;rsquo;ll have a working MCP server that exposes custom tools to Claude Code and Cursor. The project gets scaffolded from scratch — typed inputs with Zod, stdio transport layer configured, and the server attached to your local AI editor. You&amp;rsquo;ll also know how to inspect JSON-RPC traffic when things go quiet. Expect roughly 45 minutes from an empty directory to a verified connection.&lt;/p&gt;</description></item><item><title>How to Create Your Own AI Agent Skills: A Step-by-Step Guide</title><link>https://topaiskills.com/tutorials/guides/how-to-create-your-own-ai-agent-skills/</link><pubDate>Sun, 31 May 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/how-to-create-your-own-ai-agent-skills/</guid><description>&lt;p&gt;Create, test, and publish your own AI agent skills. Step-by-step guide covering skill structure, triggers, quality checks, and installation.&lt;/p&gt;
&lt;h3 id="what-this-gets-you"&gt;What This Gets You&lt;/h3&gt;
&lt;p&gt;You will produce a working SKILL.md file that an AI assistant can read, parse, and execute without extra configuration. The process takes roughly twenty minutes from blank file to verified package. You end up with a structured text file that defines triggers, instructions, and output formats, ready to drop into any agent workspace or share with a team.&lt;/p&gt;</description></item><item><title>How to Discover and Install AI Skills with Find-Skills</title><link>https://topaiskills.com/tutorials/guides/how-to-discover-and-install-ai-skills-with-find-skills/</link><pubDate>Sun, 31 May 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/how-to-discover-and-install-ai-skills-with-find-skills/</guid><description>&lt;p&gt;Search the open agent skill registry with find-skills, discover new capabilities, and install them — all from your terminal. No browser needed.&lt;/p&gt;
&lt;h3 id="what-this-gets-you"&gt;What This Gets You&lt;/h3&gt;
&lt;p&gt;By the end of this guide, you&amp;rsquo;ll have find-skills installed and working. You&amp;rsquo;ll know how to search the skill registry, evaluate results, and install any skill — all without opening a browser. Total time: about 5 minutes.&lt;/p&gt;
&lt;h3 id="what-you-need-before-starting"&gt;What You Need Before Starting&lt;/h3&gt;
&lt;p&gt;You need Node.js 18 or newer. Most agent development environments already have this — run &lt;code&gt;node --version&lt;/code&gt; to check. You also need an agent that supports skills: OpenCode, Codex, Cline, or anything compatible with the &lt;code&gt;npx skills&lt;/code&gt; toolchain.&lt;/p&gt;</description></item><item><title>I Tried TDD With an AI Assistant and It Caught a Bug</title><link>https://topaiskills.com/tutorials/guides/i-tried-tdd-with-an-ai-assistant/</link><pubDate>Sun, 31 May 2026 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/i-tried-tdd-with-an-ai-assistant/</guid><description>&lt;p&gt;Test-driven development with AI sounds like extra work. I spent a weekend building an auth module test-first and found a security bug my normal workflow missed.&lt;/p&gt;
&lt;h3 id="why-i-went-down-this-rabbit-hole"&gt;Why I Went Down This Rabbit Hole&lt;/h3&gt;
&lt;p&gt;I was staring at a production log at 11 PM on a Tuesday. A user had somehow reset another account&amp;rsquo;s password using a valid token that belonged to someone else. I had written that auth flow three months ago. I knew the code worked when I shipped it. I also knew exactly where the blind spot lived. I had written the happy path, patched the edge cases as they broke, and called it a day. That night, I promised myself I would never ship another authentication module without a safety net. The next morning, a colleague mentioned pairing test-driven development with an AI coding assistant. I rolled my eyes at first. Adding tests to an already slow process felt like putting training wheels on a rocket. I decided to try it anyway. I gave myself one weekend to build a full user authentication flow from scratch. Tests first. AI as the co-pilot. No shortcuts.&lt;/p&gt;</description></item><item><title/><link>https://topaiskills.com/tutorials/guides/top-ai-developer-tools-2026/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://topaiskills.com/tutorials/guides/top-ai-developer-tools-2026/</guid><description>&lt;p&gt;|&amp;mdash;
title: &amp;ldquo;Top AI-Powered Developer Tools in 2026: 10 Essential Picks&amp;rdquo;
date: 2026-07-16
toc: true
draft: false
description: &amp;ldquo;A practical roundup of the 10 best AI developer tools in 2026 — covering AI IDEs, coding agents, browser automation, and dev infrastructure tools that actually save you time.&amp;rdquo;
keywords:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;AI developer tools 2026&lt;/li&gt;
&lt;li&gt;best AI tools for developers&lt;/li&gt;
&lt;li&gt;AI coding tools&lt;/li&gt;
&lt;li&gt;developer AI tools roundup&lt;/li&gt;
&lt;li&gt;AI agent tools
tags:&lt;/li&gt;
&lt;li&gt;AI Tools&lt;/li&gt;
&lt;li&gt;Developer Tools&lt;/li&gt;
&lt;li&gt;Roundup&lt;/li&gt;
&lt;li&gt;AI Coding
category: &amp;ldquo;guides&amp;rdquo;&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;p&gt;A lot has changed in two years. Back in 2024, &amp;ldquo;AI developer tool&amp;rdquo; mostly meant Copilot autocomplete in VS Code. Today, we&amp;rsquo;ve got AI-native IDEs, terminal-first coding agents, browser-controlling assistants, and an entire ecosystem of agent skills that your code editor can install.&lt;/p&gt;</description></item></channel></rss>