Updated 1d ago
by shanraisshan
claude-code-best-practice
from vibe coding to agentic engineering - practice makes claude perfect
67.6k GitHub stars (67,611)
+1.2k in 20 days
| Period | New stars |
|---|---|
| Sep 27 | +2 |
| Sep 28 | +75 |
| Sep 29 | +135 |
| Sep 30 | +241 |
| Oct 1 | +28 |
| Oct 2 | +87 |
| Oct 3 | +62 |
| Oct 4 | +26 |
| Oct 5 | +47 |
| Oct 6 | +54 |
| Oct 7 | +58 |
| Oct 8 | +43 |
| Oct 9 | +40 |
| Oct 10 | +27 |
| Oct 11 | +52 |
| Oct 12 | +48 |
| Oct 13 | +62 |
| Oct 14 | +44 |
| Oct 15 | +33 |
| Oct 16 | +64 |
- 9 skills (9 skills found in its SKILL.md files)
- 6.7k forks (6,741 forks)
- 1d ago last update (Last updated 1d ago)
Install
Skills CLI
npx skills add shanraisshan/claude-code-best-practice
Asks which skills and agents to install. Just one: npx skills add shanraisshan/claude-code-best-practice --skill agent-browser — add -g for every project.
Claude Code
git clone https://github.com/shanraisshan/claude-code-best-practicecp -r "claude-code-best-practice/.claude/skills/agent-browser" ~/.claude/skills/
Copies the agent-browser skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add shanraisshan/claude-code-best-practice
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
agent-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…
.claude/skills/agent-browser/SKILL.md on GitHub (opens in a new tab) -
time-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.
.claude/skills/time-skill/SKILL.md on GitHub (opens in a new tab) -
weather-fetcher
Instructions for fetching current weather temperature data for Dubai, UAE from Open-Meteo API
.claude/skills/weather-fetcher/SKILL.md on GitHub (opens in a new tab) -
weather-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.
.claude/skills/weather-svg-creator/SKILL.md on GitHub (opens in a new tab) -
presentation-structure
Knowledge about the presentation slide format, weight system, navigation, and section structure
.claude/skills/presentation/presentation-structure/SKILL.md on GitHub (opens in a new tab) -
presentation-styling
Knowledge about CSS classes, component patterns, and syntax highlighting in the presentation
.claude/skills/presentation/presentation-styling/SKILL.md on GitHub (opens in a new tab) -
vibe-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
.claude/skills/presentation/vibe-to-agentic-framework/SKILL.md on GitHub (opens in a new tab) -
time-fetcher
Instructions for fetching current Dubai time via bash command
agent-teams/.claude/skills/time-fetcher/SKILL.md on GitHub (opens in a new tab) -
time-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.
agent-teams/.claude/skills/time-svg-creator/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.