Claude Code Best Practice skills
from vibe coding to agentic engineering - practice makes claude perfect. 9 skills. skills-hub.ai mirrors 9 skills from Claude Code Best Practice daily, every skill links back to its upstream GitHub source. Install with one command across Claude Code, Cursor, Codex, Windsurf, and any MCP-compatible tool.
Installing a Claude Code Best Practice skill
Pick a skill below, then run the install command for your AI coding tool. The skills-hub CLI writes the SKILL.md to the right directory and tracks the install in .skills.json so your team gets reproducible installs.
# Install a Claude Code Best Practice skill
npx @skills-hub-ai/cli install <skill-slug>
# Browse all Claude Code Best Practice skills via API
curl https://skills-hub.ai/api/v1/skills?source=cc-best-practice
# Browse all sources
open https://skills-hub.ai/sourcesTop Claude Code Best Practice skills
See all →The most-installed skills from Claude Code Best Practice, ranked by adoption.
01agent-browser
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.
Buildfrom Claude Code Best Practice02presentation-styling
Knowledge about CSS classes, component patterns, and syntax highlighting in the presentation
Buildfrom Claude Code Best Practice03vibe-to-agentic-framework
The conceptual framework behind the presentation — what "Vibe Coding to Agentic Engineering" means, why the journey is structured the way it is, and how every slide fits the narrative arc
Buildfrom Claude Code Best Practice04time-skill
Display the current time in Pakistan Standard Time (PKT, UTC+5). Use when the user asks for the current time, Pakistan time, or PKT.
Buildfrom Claude Code Best Practice05weather-svg-creator
Creates an SVG weather card showing the current temperature for Dubai. Writes the SVG to orchestration-workflow/weather.svg and updates orchestration-workflow/output.md.
Buildfrom Claude Code Best Practice06time-svg-creator
Creates an SVG time card showing the current time for Dubai. Writes the SVG to agent-teams/output/dubai-time.svg and updates agent-teams/output/output.md.
Buildfrom Claude Code Best Practice07presentation-structure
Knowledge about the presentation slide format, weight system, navigation, and section structure
Buildfrom Claude Code Best Practice08weather-fetcher
Instructions for fetching current weather temperature data for Dubai, UAE from Open-Meteo API
Buildfrom Claude Code Best Practice09time-fetcher
Instructions for fetching current Dubai time via bash command
Buildfrom Claude Code Best Practice
About this source
skills-hub.ai mirrors skills from 90+ official GitHub repositories every day. Each imported skill is parsed from a SKILL.md file in the source repo, gets a security scan and quality score on import, and links back to its upstream source of truth.
Last sync: Aug 18, 2026, 5:35 PM (success).
Claude Code Best Practice skills, frequently asked
What are Claude Code Best Practice skills?
Claude Code Best Practice skills are AI coding skills published by Claude Code Best Practice (from vibe coding to agentic engineering - practice makes claude perfect. 9 skills.) and mirrored daily on skills-hub.ai. They are SKILL.md files that follow the open Agent Skills standard, so they work in Claude Code, Cursor, Codex CLI, Windsurf, Copilot, and any MCP-compatible tool.
How many Claude Code Best Practice skills are available?
skills-hub.ai indexes 9 skills from Claude Code Best Practice, synced daily from the upstream GitHub repository (https://github.com/shanraisshan/claude-code-best-practice).
How do I install a Claude Code Best Practice skill?
Run `npx @skills-hub-ai/cli install <skill-slug>` in your project. The CLI writes the SKILL.md to the right directory for your AI tool and adds it to your `.skills.json` lockfile so your team gets the same skills at the same versions.
Are these official Claude Code Best Practice skills?
Yes. Every skill from this source is mirrored from Claude Code Best Practice's own GitHub repository (https://github.com/shanraisshan/claude-code-best-practice). Each skill page links back to the upstream source of truth, so you can verify the original.