---
title: "shanraisshan&#x2F;claude-code-best-practice skills · skilld"
canonical_url: "https://skilld.dev/gh/shanraisshan/claude-code-best-practice"
meta:
  description: "from vibe coding to agentic engineering - practice makes claude perfect"
  "og:description": "from vibe coding to agentic engineering - practice makes claude perfect"
  "og:title": "shanraisshan/claude-code-best-practice skills"
  "twitter:description": "from vibe coding to agentic engineering - practice makes claude perfect"
  "twitter:title": "shanraisshan/claude-code-best-practice skills"
---

`

[All skills](https://skilld.dev/skills)

[![shanraisshan avatar](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fshanraisshan.png)](https://skilld.dev/gh/shanraisshan)

# **shanraisshan/claude-code-best-practice**

from vibe coding to agentic engineering - practice makes claude perfect

main Updated 10 hours ago [GitHub](https://github.com/shanraisshan/claude-code-best-practice)

![README badge for shanraisshan/claude-code-best-practice](https://skilld.dev/b/shanraisshan/claude-code-best-practice?theme=light&label=0)

## Repository statistics

- Indexed skills

  **9**
- Skill groups

  **2**
- GitHub stars

  **66,993**
- Forks

  **6,701**

## Skills by folder

9 total

Sort skills

### **Presentation**

3 skills

[<h3>**/presentation-structure**</h3>Knowledge about the presentation slide format, weight system, navigation, and section structure /presentation-structure](https://skilld.dev/gh/shanraisshan/claude-code-best-practice/presentation-structure)

Updated 7 months ago

[<h3>**/vibe-to-agentic-framework**</h3>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 /vibe-to-agentic-framework](https://skilld.dev/gh/shanraisshan/claude-code-best-practice/vibe-to-agentic-framework)

Updated 7 months ago

[<h3>**/presentation-styling**</h3>Knowledge about CSS classes, component patterns, and syntax highlighting in the presentation /presentation-styling](https://skilld.dev/gh/shanraisshan/claude-code-best-practice/presentation-styling)

Updated 8 months ago

### **Skills**

6 skills

[<h3>**/weather-fetcher**</h3>Instructions for fetching current weather temperature data for Dubai, UAE from Open-Meteo API /weather-fetcher](https://skilld.dev/gh/shanraisshan/claude-code-best-practice/weather-fetcher)

Updated 5 months ago

[<h3>**/time-fetcher**</h3>Instructions for fetching current Dubai time via bash command /time-fetcher](https://skilld.dev/gh/shanraisshan/claude-code-best-practice/time-fetcher)

Updated 7 months ago

[<h3>**/time-svg-creator**</h3>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. /time-svg-creator](https://skilld.dev/gh/shanraisshan/claude-code-best-practice/time-svg-creator)

Updated 7 months ago

[<h3>**/weather-svg-creator**</h3>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. /weather-svg-creator](https://skilld.dev/gh/shanraisshan/claude-code-best-practice/weather-svg-creator)

Updated 7 months ago

[<h3>**/time-skill**</h3>Display the current time in Pakistan Standard Time (PKT, UTC+5). Use when the user asks for the current time, Pakistan time, or PKT. /time-skill](https://skilld.dev/gh/shanraisshan/claude-code-best-practice/time-skill)

Updated 7 months ago

[<h3>**/agent-browser**</h3>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. /agent-browser](https://skilld.dev/gh/shanraisshan/claude-code-best-practice/agent-browser)

Updated 8 months ago

## Add to your README

The badge links readers to this page. It shows the skilld mark and no counts, and it follows the reader's light or dark GitHub theme.

`<a href="https://skilld.dev/gh/shanraisshan/claude-code-best-practice"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://skilld.dev/b/shanraisshan/claude-code-best-practice?theme=dark"> <source media="(prefers-color-scheme: light)" srcset="https://skilld.dev/b/shanraisshan/claude-code-best-practice?theme=light"> <img alt="Skill repository on skilld.dev" src="https://skilld.dev/b/shanraisshan/claude-code-best-practice?theme=light"> </picture> </a>`