Grab the Widget

Embed the "Hottest Skills This Week" scroller on your site. It updates daily with trending AI agent skills from our system.

Preview

Here's what your visitors will see when you embed this widget:

Hottest Skills This Week

๐Ÿ”ฅ Live

The latest skills added to the library, updated daily

Engineering
โญ5

Systematic Software Debugging and Troubleshooting Skill

This skill provides a structured framework for diagnosing complex software issues by isolating root causes, analyzing execution logs, and validating potential fixes. It guides the AI to perform logical, evidence-based reasoning to resolve bugs efficiently.

imported
Engineering
โญ6

ComfyUI Workflow Automation and Media Synthesis

This skill leverages a centralized AI studio to automate prompt engineering, image generation, and multi-segment video production. It allows users to manage complex media workflows by integrating LLM-driven prompt enhancement with local asset management and cross-platform model sourcing, streamlining the transition from text concepts to finished visual assets.

imported
Engineering
โญ5

Oracle Fusion AI Skills for Solution Design

Design and implement Oracle Fusion solutions consistently using reusable AI agent skills. These skills provide domain-specific instructions, examples, and assets for various business processes, data integration, extensibility, and security aspects of Oracle Fusion.

imported
Product Design

Clearwater โ€” Interactive Water Hero

Add photoreal, interactive shallow water to a website hero using Clearwater: a single-file WebGL2 effect with ripples, caustics, a textured seabed, and distant land. Includes responsive embedding, camera framing, and a static fallback.

ClearwaterWebGL2
Engineering
โญ150

Advanced Code Optimization and Refactoring Strategy

This skill provides a structured framework for auditing existing codebases to identify performance bottlenecks and architectural inefficiencies. It enables developers to transform legacy code into maintainable, high-performance modules using systematic refactoring techniques and clean code principles.

imported
AI / Agent Behavior
โญ1

Reverse Engineering AI Agent Behavior Patterns

This skill provides a structured framework for deconstructing proprietary system prompts and tool schemas to understand how AI agents make decisions. Use this to identify specific behavioral triggers, instruction sets, and constraint patterns that dictate how advanced agents interact with tools and users.

imported
Engineering
โญ22

Autonomous Knowledge Synthesis for Agentic Workflows

This skill enables you to build self-updating knowledge graphs by automating the harvesting and evaluation of technical research. You will learn to architect pipeline-driven filtering systems that convert raw data streams into high-signal architectural patterns for AI agent development.

imported
AI / Agent Behavior
โญ23

Building a Structured Local Prompt Library

This skill helps you organize your AI interactions by creating a filesystem-first repository of reusable prompts and agent instructions. It enables you to standardize your workflows and maintain consistent persona definitions across different AI platforms without relying on proprietary database locks.

imported
AI / Agent Behavior
โญ1

Advanced Techniques for Extracting GPT System Prompts

Learn to utilize sophisticated prompt injection and data extraction methodologies to analyze GPT system instructions. This skill provides an educational framework for understanding how to audit and interpret the configuration and internal directives of custom AI agents.

imported
AI / Agent Behavior
โญ13

Building Modular ReAct Agent Reasoning Loops

This skill enables you to design and implement autonomous agent systems that decompose complex multi-step goals into actionable reasoning cycles. It teaches you how to structure modular tool-calling logic to bridge the gap between theoretical model capabilities and practical, task-oriented execution in production environments.

imported
Product Design

Beautiful UI โ€” Crafted Primitives for AI Interfaces

A collection of crafted primitives for AI interfaces: loading states (pixel-grid loader), thinking traces (expandable steps/reasoning/search/coding), streaming text with inline sources and follow-ups, approval cards (human-in-the-loop), tool chips, task rows (live agent status), tabbed chat panels, recommendation cards with confidence meters, context cards, diff tables, records tables, filter tables, sidebar nav, command search, and insight cards with live charts.

ai-agentscomponents
AI / Agent Behavior

Agentation โ€” Annotate UI, Brief Your Coding Agent

Annotate your UI, then brief your coding agent. Hover elements to see names highlighted, click to add an annotation, write feedback, and copy formatted markdown to paste into Claude Code, Cursor, etc. Output includes CSS selectors, source file paths, React component tree, and computed styles so agents can grep your codebase directly. Optional MCP integration lets agents act on annotations in real time.

ai-agentsannotation
Product Design

Thinking Orbs โ€” Animated Thinking Orbs for AI UIs

Animated thinking orbs for AI UIs. A small, expressive component that visualizes agent states โ€” working, searching, solving, listening, composing, shaping โ€” as a living orb. Configurable state, size, and speed. One npm install, then render and ship.

ai-agentsanimation
Product Design

Canvas UI โ€” HTML-in-Canvas & WebGL Components

An open-source library of tasteful HTML-in-canvas and WebGL components. Framework-agnostic effects (Blaze, Liquid, Glass, Shatter, Particle Reveal, VHS) that render live HTML on canvas via an experimental Chrome capability, degrading gracefully to a pure WebGL overlay elsewhere. Ships in six flavors: React, Solid, Preact, Vue, Svelte, and dependency-free vanilla TypeScript.

webglcanvas
Product Design

Border Beam โ€” Animated Border Beam Effect

An animated border beam effect for React, SwiftUI, and React Native. A glowing light travels around the border of any wrapped element โ€” configurable size, color variant (Colorful, Mono, Ocean, Sunset), and strength. One npm install, then wrap your card and ship.

animationreact
Product Design

Originkit โ€” Free Animated Component Library

A free (in beta) animated component library with 45+ components: Tornado, Water Button, Electric Border, Spin Image, Spiral Images, Wave Arcs, Text Wave, Spring Text, Particle Tunnel, Globe, Pixel Drift, Magnetic Carousel, Click Effects, Pixel Card, Curved Marquee, Black Hole, Chromatic Waves, and more. Copy-paste animated primitives for modern web interfaces.

animationcomponents
Product Design

AIcss โ€” UI Components for AI Agent Chats

Free-to-use, beautifully crafted copy-paste UI components for AI agent chat interfaces. Covers everything an agent shows mid-conversation: thinking/reasoning states, tool & action states (web search, file diff, image generation), text outputs (streaming text, inline citations, code blocks), and structured outputs (to-do lists, data tables, comparison tables).

ai-agentschat-ui
Product Design

Transitions.dev โ€” Essential Transitions for Web Apps

A library of essential transitions for web apps: card resize, number pop-in, notification badge, text state swap, menu/modal/panel open-close, confetti burst, gooey plus menu, page side-by-side transitions, icon swap, success check, avatar group hover, card stack hover, error state shake, input clear dissolve, skeleton loader reveal, tab sliding, drag & drop with physics, shimmer text, tooltip, 3D tilt, accordion, toast, like button, checkbox check, spinner-to-check morph, spinning counter, and toggle. Free + Pro tiers.

animationtransitions
Product Design

Metal โ€” Liquid Metal Effect for Buttons

A liquid metal effect for buttons โ€” a shimmering metallic surface that flows across the button. One npm install, wrap your button, and pick size/strength. Part of the Jakub Antalik component family (alongside Border Beam and Thinking Orbs).

animationbutton
AI / Agent Behavior
โญ20

Building Autonomous AI Agents Workflow Architecture

This skill enables you to architect autonomous AI agent systems by defining clear objectives, interaction loops, and tool-use protocols. You will learn to structure multi-step workflows that allow agents to reason, access external data, and execute complex tasks with minimal human intervention.

imported
AI / Agent Behavior

Modular Prompt Command System Design

This skill enables you to architect a scalable, externalized command system for AI chatbots. By offloading logic to modular files, you save context window space and maintain a clean, organized, and extensible interaction layer for complex LLM workflows.

imported
AI / Agent Behavior
โญ3

Automated AI Agent Prompt Assembly Skill

This skill streamlines the creation of high-quality AI agent instructions by mapping natural language tasks to specialized templates. It automatically gathers required parameters, manages interactive inputs, and assembles structured output optimized for various agent environments, ensuring consistent and precise task execution.

imported
Engineering
โญ9

Automated Agent Component Discovery and Implementation

This skill enables AI agents to systematically search, evaluate, and integrate modular tools from established directories. It allows users to convert complex agent requirements into specific, installable component workflows, effectively streamlining the setup of multi-agent systems and custom automation hooks.

imported
AI / Agent Behavior

Advanced System Prompt Engineering Framework

This skill enables you to engineer highly structured system instructions that enforce consistency, mitigate hallucinations, and establish rigorous behavioral constraints for LLMs. It empowers you to transform generic AI models into specialized tools that strictly adhere to professional coding standards and logical decision-making frameworks.

imported
AI / Agent Behavior
โญ7

Standardizing Agentic Workflows Through Scaffolding

This skill provides a systematic framework for structuring AI-driven development. It enables you to orchestrate multi-agent interactions by defining clear roles, decision gates, and canonical guidance files, ensuring consistent task planning and implementation across complex projects.

imported
AI / Agent Behavior
โญ7

Automated Medical Lab Report Insight Generator

This skill enables you to transform complex medical laboratory reports into clear, patient-friendly summaries. It helps you identify anomalies, extract key patient data using regex patterns, and generate actionable health recommendations based on structured clinical insights.

imported
AI / Agent Behavior
โญ3

Structured AI System Prompt Architecting Framework

This skill provides a systematic approach to crafting modular AI system prompts. It helps you define clear roles, cognitive loops, and output constraints to ensure consistent model behavior across any platform.

imported
Product Design
โญ43.9k

Impeccable โ€” Design Guidance for AI Coding Agents

Design guidance for AI coding agents. One skill with 23 commands (init, craft, audit, critique, polish, distill, animate, bolder, quieter, and more), live browser iteration, and 45 deterministic detector rules that catch AI-generated frontend design tells โ€” no LLM or API key required for the deterministic checks.

designfrontend
AI / Agent Behavior
โญ4.0k

/watch โ€” Give Claude the Ability to Watch Any Video

A Claude Code skill that gives Claude the ability to watch any video. Paste a URL or local path, ask a question, and it fetches captions first, downloads only what's needed, extracts scene-aware frames, pulls a timestamped transcript (free captions first, Whisper API fallback), and reads every frame as an image โ€” so Claude actually sees the video and hears the audio before answering.

claude-codevideo-analysis
AI / Agent Behavior
โญ15

Health Insurance Policy Insights

Utilize AI to interpret and analyze complex health insurance policies. By extracting key details and revealing hidden pitfalls, this skill helps users navigate their coverage options, ensuring informed decisions and successful claims.

imported
Engineering
โญ5

Systematic Software Debugging and Troubleshooting Skill

This skill provides a structured framework for diagnosing complex software issues by isolating root causes, analyzing execution logs, and validating potential fixes. It guides the AI to perform logical, evidence-based reasoning to resolve bugs efficiently.

imported
Engineering
โญ6

ComfyUI Workflow Automation and Media Synthesis

This skill leverages a centralized AI studio to automate prompt engineering, image generation, and multi-segment video production. It allows users to manage complex media workflows by integrating LLM-driven prompt enhancement with local asset management and cross-platform model sourcing, streamlining the transition from text concepts to finished visual assets.

imported
Engineering
โญ5

Oracle Fusion AI Skills for Solution Design

Design and implement Oracle Fusion solutions consistently using reusable AI agent skills. These skills provide domain-specific instructions, examples, and assets for various business processes, data integration, extensibility, and security aspects of Oracle Fusion.

imported
Product Design

Clearwater โ€” Interactive Water Hero

Add photoreal, interactive shallow water to a website hero using Clearwater: a single-file WebGL2 effect with ripples, caustics, a textured seabed, and distant land. Includes responsive embedding, camera framing, and a static fallback.

ClearwaterWebGL2
Engineering
โญ150

Advanced Code Optimization and Refactoring Strategy

This skill provides a structured framework for auditing existing codebases to identify performance bottlenecks and architectural inefficiencies. It enables developers to transform legacy code into maintainable, high-performance modules using systematic refactoring techniques and clean code principles.

imported
AI / Agent Behavior
โญ1

Reverse Engineering AI Agent Behavior Patterns

This skill provides a structured framework for deconstructing proprietary system prompts and tool schemas to understand how AI agents make decisions. Use this to identify specific behavioral triggers, instruction sets, and constraint patterns that dictate how advanced agents interact with tools and users.

imported
Engineering
โญ22

Autonomous Knowledge Synthesis for Agentic Workflows

This skill enables you to build self-updating knowledge graphs by automating the harvesting and evaluation of technical research. You will learn to architect pipeline-driven filtering systems that convert raw data streams into high-signal architectural patterns for AI agent development.

imported
AI / Agent Behavior
โญ23

Building a Structured Local Prompt Library

This skill helps you organize your AI interactions by creating a filesystem-first repository of reusable prompts and agent instructions. It enables you to standardize your workflows and maintain consistent persona definitions across different AI platforms without relying on proprietary database locks.

imported
AI / Agent Behavior
โญ1

Advanced Techniques for Extracting GPT System Prompts

Learn to utilize sophisticated prompt injection and data extraction methodologies to analyze GPT system instructions. This skill provides an educational framework for understanding how to audit and interpret the configuration and internal directives of custom AI agents.

imported
AI / Agent Behavior
โญ13

Building Modular ReAct Agent Reasoning Loops

This skill enables you to design and implement autonomous agent systems that decompose complex multi-step goals into actionable reasoning cycles. It teaches you how to structure modular tool-calling logic to bridge the gap between theoretical model capabilities and practical, task-oriented execution in production environments.

imported
Product Design

Beautiful UI โ€” Crafted Primitives for AI Interfaces

A collection of crafted primitives for AI interfaces: loading states (pixel-grid loader), thinking traces (expandable steps/reasoning/search/coding), streaming text with inline sources and follow-ups, approval cards (human-in-the-loop), tool chips, task rows (live agent status), tabbed chat panels, recommendation cards with confidence meters, context cards, diff tables, records tables, filter tables, sidebar nav, command search, and insight cards with live charts.

ai-agentscomponents
AI / Agent Behavior

Agentation โ€” Annotate UI, Brief Your Coding Agent

Annotate your UI, then brief your coding agent. Hover elements to see names highlighted, click to add an annotation, write feedback, and copy formatted markdown to paste into Claude Code, Cursor, etc. Output includes CSS selectors, source file paths, React component tree, and computed styles so agents can grep your codebase directly. Optional MCP integration lets agents act on annotations in real time.

ai-agentsannotation
Product Design

Thinking Orbs โ€” Animated Thinking Orbs for AI UIs

Animated thinking orbs for AI UIs. A small, expressive component that visualizes agent states โ€” working, searching, solving, listening, composing, shaping โ€” as a living orb. Configurable state, size, and speed. One npm install, then render and ship.

ai-agentsanimation
Product Design

Canvas UI โ€” HTML-in-Canvas & WebGL Components

An open-source library of tasteful HTML-in-canvas and WebGL components. Framework-agnostic effects (Blaze, Liquid, Glass, Shatter, Particle Reveal, VHS) that render live HTML on canvas via an experimental Chrome capability, degrading gracefully to a pure WebGL overlay elsewhere. Ships in six flavors: React, Solid, Preact, Vue, Svelte, and dependency-free vanilla TypeScript.

webglcanvas
Product Design

Border Beam โ€” Animated Border Beam Effect

An animated border beam effect for React, SwiftUI, and React Native. A glowing light travels around the border of any wrapped element โ€” configurable size, color variant (Colorful, Mono, Ocean, Sunset), and strength. One npm install, then wrap your card and ship.

animationreact
Product Design

Originkit โ€” Free Animated Component Library

A free (in beta) animated component library with 45+ components: Tornado, Water Button, Electric Border, Spin Image, Spiral Images, Wave Arcs, Text Wave, Spring Text, Particle Tunnel, Globe, Pixel Drift, Magnetic Carousel, Click Effects, Pixel Card, Curved Marquee, Black Hole, Chromatic Waves, and more. Copy-paste animated primitives for modern web interfaces.

animationcomponents
Product Design

AIcss โ€” UI Components for AI Agent Chats

Free-to-use, beautifully crafted copy-paste UI components for AI agent chat interfaces. Covers everything an agent shows mid-conversation: thinking/reasoning states, tool & action states (web search, file diff, image generation), text outputs (streaming text, inline citations, code blocks), and structured outputs (to-do lists, data tables, comparison tables).

ai-agentschat-ui
Product Design

Transitions.dev โ€” Essential Transitions for Web Apps

A library of essential transitions for web apps: card resize, number pop-in, notification badge, text state swap, menu/modal/panel open-close, confetti burst, gooey plus menu, page side-by-side transitions, icon swap, success check, avatar group hover, card stack hover, error state shake, input clear dissolve, skeleton loader reveal, tab sliding, drag & drop with physics, shimmer text, tooltip, 3D tilt, accordion, toast, like button, checkbox check, spinner-to-check morph, spinning counter, and toggle. Free + Pro tiers.

animationtransitions
Product Design

Metal โ€” Liquid Metal Effect for Buttons

A liquid metal effect for buttons โ€” a shimmering metallic surface that flows across the button. One npm install, wrap your button, and pick size/strength. Part of the Jakub Antalik component family (alongside Border Beam and Thinking Orbs).

animationbutton
AI / Agent Behavior
โญ20

Building Autonomous AI Agents Workflow Architecture

This skill enables you to architect autonomous AI agent systems by defining clear objectives, interaction loops, and tool-use protocols. You will learn to structure multi-step workflows that allow agents to reason, access external data, and execute complex tasks with minimal human intervention.

imported
AI / Agent Behavior

Modular Prompt Command System Design

This skill enables you to architect a scalable, externalized command system for AI chatbots. By offloading logic to modular files, you save context window space and maintain a clean, organized, and extensible interaction layer for complex LLM workflows.

imported
AI / Agent Behavior
โญ3

Automated AI Agent Prompt Assembly Skill

This skill streamlines the creation of high-quality AI agent instructions by mapping natural language tasks to specialized templates. It automatically gathers required parameters, manages interactive inputs, and assembles structured output optimized for various agent environments, ensuring consistent and precise task execution.

imported
Engineering
โญ9

Automated Agent Component Discovery and Implementation

This skill enables AI agents to systematically search, evaluate, and integrate modular tools from established directories. It allows users to convert complex agent requirements into specific, installable component workflows, effectively streamlining the setup of multi-agent systems and custom automation hooks.

imported
AI / Agent Behavior

Advanced System Prompt Engineering Framework

This skill enables you to engineer highly structured system instructions that enforce consistency, mitigate hallucinations, and establish rigorous behavioral constraints for LLMs. It empowers you to transform generic AI models into specialized tools that strictly adhere to professional coding standards and logical decision-making frameworks.

imported
AI / Agent Behavior
โญ7

Standardizing Agentic Workflows Through Scaffolding

This skill provides a systematic framework for structuring AI-driven development. It enables you to orchestrate multi-agent interactions by defining clear roles, decision gates, and canonical guidance files, ensuring consistent task planning and implementation across complex projects.

imported
AI / Agent Behavior
โญ7

Automated Medical Lab Report Insight Generator

This skill enables you to transform complex medical laboratory reports into clear, patient-friendly summaries. It helps you identify anomalies, extract key patient data using regex patterns, and generate actionable health recommendations based on structured clinical insights.

imported
AI / Agent Behavior
โญ3

Structured AI System Prompt Architecting Framework

This skill provides a systematic approach to crafting modular AI system prompts. It helps you define clear roles, cognitive loops, and output constraints to ensure consistent model behavior across any platform.

imported
Product Design
โญ43.9k

Impeccable โ€” Design Guidance for AI Coding Agents

Design guidance for AI coding agents. One skill with 23 commands (init, craft, audit, critique, polish, distill, animate, bolder, quieter, and more), live browser iteration, and 45 deterministic detector rules that catch AI-generated frontend design tells โ€” no LLM or API key required for the deterministic checks.

designfrontend
AI / Agent Behavior
โญ4.0k

/watch โ€” Give Claude the Ability to Watch Any Video

A Claude Code skill that gives Claude the ability to watch any video. Paste a URL or local path, ask a question, and it fetches captions first, downloads only what's needed, extracts scene-aware frames, pulls a timestamped transcript (free captions first, Whisper API fallback), and reads every frame as an image โ€” so Claude actually sees the video and hears the audio before answering.

claude-codevideo-analysis
AI / Agent Behavior
โญ15

Health Insurance Policy Insights

Utilize AI to interpret and analyze complex health insurance policies. By extracting key details and revealing hidden pitfalls, this skill helps users navigate their coverage options, ensuring informed decisions and successful claims.

imported

Updated daily ยท Showing the 30 most recently added skills

Embed Code

Copy this code and paste it into your website's HTML:

<div style="width: 100%; max-width: 100%;">
  <iframe 
    src="https://booya-skills.com/embed/trending-widget" 
    width="100%" 
    height="600" 
    frameBorder="0" 
    style="border: none; border-radius: 12px; display: block;"
    title="Booya Skills - Hottest Skills This Week">
  </iframe>
</div>

<style>
  @media (max-width: 768px) {
    iframe {
      height: 500px !important;
    }
  }
  @media (max-width: 480px) {
    iframe {
      height: 400px !important;
    }
  }
</style>

How to Use

  1. 1. Click the "Copy Code" button above.
  2. 2. Open your website's HTML file or editor.
  3. 3. Paste the code where you want the widget to appear.
  4. 4. Save and refresh your page โ€” the widget will display the latest trending skills.

๐Ÿ”„ Auto-Updates Daily

The widget automatically pulls the latest trending skills and rotating ads from our system โ€” no manual updates needed.

๐Ÿ“ฑ Fully Responsive

The widget adapts to any screen size and works on mobile, tablet, and desktop browsers.

๐ŸŽจ Matches Your Brand

The widget includes our banner rotation system, so your rotating ads are always displayed.

โšก Lightweight

The embed is optimized for fast load times and won't slow down your site.