Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component...
npx skills add Koushik1161/learn-claude-skills
Or install specific skill: npx add-skill https://github.com/Koushik1161/learn-claude-skills
# Description
Interactive game to learn Claude Agent Skills (SKILL.md) - explore, learn, and quiz yourself!
# README.md
Learn Claude Skills
A fun, interactive classroom game to learn Claude Agent Skills - the SKILL.md system that lets you create reusable instruction packages for Claude.
Play Now
Just open index.html in your browser - no installation needed!
Controls:
- Arrow Keys / WASD - Move around
- Space - Interact / Continue
- ESC - Close dialogs
How to Play
- Walk around the classroom
- Visit each station to learn about Skills
- Take a quiz after each lesson
- Complete all 4 stations to graduate!
Stations
| Station | Topic |
|---|---|
| Whiteboard | Skill basics |
| Bookshelf | SKILL.md structure |
| Computer | Tools & integration |
| Study Desk | Advanced tips |
What You'll Learn
- What Claude Skills are and why they matter
- How to write a SKILL.md file
- YAML frontmatter structure
- How Skills work with Claude's tools
- Best practices and tips
Learn More
Visit agentskills.io for the full Skills specification.
Tech
Built with Phaser 3 - runs entirely in browser, no backend required.
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.