Skip to content
AI Growth Lab
Navigation menu
AI Growth Lab

Loading lesson…

CoursesContactPrivacy

Curriculum based on Datawhale / Easy Vibe · CC BY-NC-SA 4.0

← Back to course

AI-Native Engineer

Claude Code Fundamentals
  1. Getting Started with Claude Code
  2. Essential Claude Code Techniques
  3. Configuring Claude Code for Your Project
  4. Everyday Development Workflows
  5. Troubleshooting Claude Code
MCP: Connecting Claude Code to Tools
  1. Getting Started with MCP in Claude Code
  2. Using and Troubleshooting MCP
  3. Configuring Common MCP Servers
Claude Code Skills
  1. Finding and Using Your First Skills
  2. Understanding Skills and SKILL.md
  3. Creating and Improving Your Own Skills
  4. How Claude Skills Work Internally
Claude Agent Teams
  1. Understanding and Setting Up Agent Teams
  2. Build an RPG with Agent Teams
  3. Agent Teams Best Practices
  4. Choosing When to Use Agent Teams
AI-Assisted Development Workflows
  1. Choosing an AI Development Strategy
  2. Developing Features and Fixing Bugs with AI
  3. Refactoring and Reviewing Code with AI
  4. Building a Project Knowledge Base
  5. Improving AI Collaboration Efficiency
Building Agents with Claude Agent SDK
  1. Getting Started with Claude Agent SDK
  2. Advanced Features and Practical Agent Examples
  3. Building a Code-Quality Guardrail Pipeline
Engineering Workflows with Superpowers
  1. Getting Started with Superpowers and Its Core Skills
  2. Build an Authentication System with Superpowers
  3. Configuring and Using Superpowers Effectively
Spec Coding
  1. Spec Coding Foundations
  2. Practicing Spec Coding in Claude Code
  3. Moving from Vibe Coding to Spec Coding
  4. Spec Coding FAQ and Summary
GitHub Spec-Driven Development
  1. Workflow Foundations and Setup
  2. From Product Idea to Specification
  3. From Specification to Working Software
  4. Reusable Prompts and Responsible Autonomy
Cross-Platform Development
  1. From a Web Page to Real Software and an AI-Native Product
  2. How to Choose the Right Platform for Your App
  3. How to Build an Android App with Jetpack Compose
  4. How to Build an iOS App with SwiftUI
  5. Build a Store Inspection App with React Native and Expo

Lesson Contents

  1. What are Skills?
  2. `SKILL.md` File Structure
  3. Skills vs. MCP: What is the difference?
  4. Common Resources for Getting Skills
AI Development FAQ and Summary
How to Build a Cross-Platform App with Flutter
  • How to Build a PWA Local App
  • How to Build a Browser AI Assistant Extension
  • How to Build a Cross-Platform Electron Desktop App
  • How to Build Platform, Pixel-Art, and 3D Games with Godot
  • How to Build a VS Code Extension
  • How to Build an Industrial Qt Desktop App
  • How to Build Your Personal Website and Academic Blog
  • How to Publish the Application You Built
  • On this page
    • What are Skills?
    • `SKILL.md` File Structure
    • Skills vs. MCP: What is the difference?
    • Common Resources for Getting Skills

    What are Skills?

    Core concept

    Skills are "skill packs" stored in the file system and can include:

    • SKILL.md: the definition file for the skill, required
    • scripts/: helper scripts, optional
    • templates/: output templates, optional
    • references/: reference docs, optional

    Skills vs. prompts

    You may wonder: what is the difference between Skills and directly sending prompts to Claude?

    PromptsSkills
    Temporary, you have to repeat them every timePersistent, write once and reuse many times
    Live in conversation history and consume tokensLoaded on demand and save tokens
    Cannot be shared across sessionsCan be shared within a team
    Hard to version-controlCan be managed with Git

    Two types of Skills

    Global Skills (personal):

    • storage location: ~/.claude/skills/
    • scope: all projects
    • suitable scenarios: general-purpose personal skills

    Project Skills (team):

    • storage location: project-directory/.claude/skills/
    • scope: the current project
    • suitable scenarios: team sharing and project-specific conventions

    How Skills work

    When Claude Code starts, it will:

    1. scan the Skills directories
    2. parse each SKILL.md file
    3. extract YAML frontmatter metadata
    4. add the skill content into its "knowledge base"
    5. automatically match triggers based on the description

    SKILL.md File Structure

    Basic structure

    A complete Skill directory looks like this:

    my-skill/
    ├── SKILL.md          # Required: skill definition file
    ├── scripts/          # Optional: helper scripts
    ├── templates/        # Optional: output templates
    ├── references/       # Optional: reference documents
    └── examples/         # Optional: example files
    

    SKILL.md template

    The SKILL.md file has two parts:

    Part 1: YAML Frontmatter (metadata)

    ---
    name: skill-name              # Skill name, becomes the /skill-name command
    description: short description # Used for Claude's automatic trigger matching
    category: development         # Category
    tags:                         # Tags
      - code
      - automation
    ---
    

    Part 2: Markdown content (instructions)

    # Skill Title
    
    ## Use cases
    When to use this skill
    
    ## Execution steps
    1. Step one
    2. Step two
    
    ## Notes
    - Note 1
    - Note 2
    

    Explanation of key fields

    FieldRequiredExplanation
    nameYesThe skill name. Only lowercase letters, numbers, and hyphens are allowed
    descriptionYesThe skill description. The more specific it is, the easier it is for Claude to match automatically
    categoryNoCategory label
    tagsNoAdditional category labels
    allowed-toolsNoTools that may be used without extra permission

    Skills vs. MCP: What is the difference?

    Many beginners confuse Skills and MCP, but they are completely different things.

    Core differences

    DimensionSkillsMCP
    NatureKnowledge and workflowTools and interfaces
    What it providesTells AI "how to do it"Gives AI "what it can use"
    Storage locationskills/ directoryMCP server
    Configuration formatMarkdown filesJSON config files
    Trigger method/skill-name or automatic recognitionAutomatically loaded through configuration

    An intuitive analogy

    If Claude were a "worker":

    • MCP would be the "tools" given to the worker, such as a wrench, a computer, and access permissions
    • Skills would be the "operating manual" given to the worker, such as how to do code review or how to submit code

    Their relationship

    Skills and MCP are not competing with each other. They are complementary:

    User task -> Claude recognizes the requirement
                   ↓
            Load relevant Skills (know how to do it)
                   ↓
            Call tools through MCP (have tools available)
                   ↓
            Complete the task
    

    Example

    Scenario: code review

    • Skills define the review steps, checklist, and output format
    • MCP provides the ability to access GitHub PRs and fetch code diffs

    Working together: Skills tell Claude "how to review," and MCP gives Claude "the ability to access the code."

    Recommendation for choosing

    Your needRecommended solution
    Need to define a workflowUse Skills
    Need to access external dataUse MCP
    Need bothUse them together

    Common Resources for Getting Skills

    Official resources

    • Anthropic official Skills repository - an officially maintained collection of skills
    • Claude Code official docs - Skills - official documentation

    GitHub community resources

    RepositoryDescription
    shanraisshan/claude-code-best-practiceCommunity-maintained collection covering Skills, Agents, Hooks, and more
    affaan-m/everything-claude-codeComprehensive toolkit including preconfigured Skills
    JackyST0/awesome-agent-skillsCurated Skills resource list
    jeffallan/claude-skills66 professional skills and 300+ reference documents
    GitCode/awesome-claude-skillsSelected open-source collection

    How to install community Skills

    Using find-skills, you only need to tell Claude what you need, and it will automatically search and recommend:

    Help me find a skill related to React performance optimization
    

    Claude will search the skills.sh database through find-skills, then list the most relevant skills, and you can choose one to install.

    Search tips:

    • use specific keywords: "react testing" is better than "testing"
    • combine "domain + action": "nextjs deploy", "typescript lint"
    • prioritize skills with high install counts, since 10K+ usually means battle-tested
    • watch the trending list to discover emerging skills

    Previous
    Sign in to track progress
    Next