Skill Builder

Create Claude Code Skills with YAML frontmatter and organized directories.

Updated Oct 30, 2025
One-click install
npx skills add https://github.com/whrit/agent-flow --skill skill-builder-whrit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Skill Builder
Source: https://github.com/whrit/agent-flow/tree/main/.claude/skills/skill-builder
Command: npx skills add https://github.com/whrit/agent-flow --skill skill-builder-whrit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill demystifies the process of creating new Claude Code Skills, ensuring they adhere to the official specification. It helps developers build functional, discoverable, and context-efficient skills with proper YAML frontmatter, progressive disclosure, and organized directory structures.

Core Features & Use Cases

  • Specification Adherence: Guides you in creating SKILL.md files with correct YAML frontmatter (name, description) for autonomous skill matching.
  • Progressive Disclosure Architecture: Teaches how to structure skill content across multiple levels, optimizing context usage and preventing information overload for Claude.
  • Directory Organization: Provides best practices for organizing skill files, scripts, and resources within the ~/.claude/skills/ or project-specific directories.
  • Use Case: If you want to create a custom Claude Skill to automate a specific workflow (e.g., "Generate React Components"), use this Skill to ensure your new skill is correctly formatted, easily discoverable by Claude, and efficiently loads only the necessary information.

Quick Start

Create a new skill directory like ~/.claude/skills/my-first-skill. Then, create a SKILL.md file within it, ensuring it starts with the required name and description YAML frontmatter.

Frequently Asked Questions about Skill Builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a Claude Skill with proper YAML frontmatter?

Create a Claude Skill by setting up a directory at ~/.claude/skills/[skill-name]/ containing a SKILL.md file with required YAML frontmatter fields: `name` and `description`. This ensures your skill is discoverable and properly formatted for Claude Code and Claude.ai.

What is progressive disclosure in Claude Skill structure?

Progressive disclosure organizes skill content across multiple levels to optimize context usage and prevent information overload. Claude loads only necessary information when needed, improving efficiency and keeping the skill responsive.

Can I use this Skill to build custom workflows for Claude Code?

Yes. Skill Builder automates creation of production-ready Claude Skills for specific workflows. You can generate custom skills with proper directory organization, scripts, and documentation to automate tasks across Claude Code 2.0+, Claude.ai, SDKs, and APIs.

What directory structure should my Claude Skill follow?

A minimal skill layout requires ~/.claude/skills/[skill]/ with a SKILL.md file containing YAML frontmatter. You can optionally add docs/, scripts/, resources/, and examples/ directories to organize supporting files and maintain clarity.

Do I need to understand the Claude Skills specification before building?

Skill Builder handles specification compliance automatically. It guides you through YAML frontmatter requirements, progressive disclosure architecture, and directory organization, so you can focus on your skill's logic rather than format details.

What are the prerequisites for creating a Claude Skill?

You need Claude Code 2.0+ or Claude.ai with Skills support enabled. Skill Builder then generates fully organized directory structures with optional components like scripts, references, and documentation to meet production readiness standards.