shanraisshan/claude-code-best-practice

DirSkills catalogs 10 skills from this repository, across 3 categories: AI Engineering, Automation, Frontend.

64.4K stars6.4K forksView on GitHub
🌐
3w ago

Agent Browser

Agent Browser is a command-line browser automation tool that lets AI agents navigate pages, fill forms, click buttons, take screenshots, extract data, and test web apps. Use it when asked to open websites, automate form submissions, or perform any programmatic web interaction.
Automation
64.4K6.4K
🧩
3w ago

Claude Code Extension Mechanisms

Claude Code Extension Mechanisms compares subagents, commands, and skills in Claude Code to help you choose the right mechanism for autonomous tasks, user-triggered workflows, or reusable procedures.
AI Engineering
64.4K6.4K
🕒
3w ago

Pakistan Time

Pakistan Time displays the current date and time in Pakistan Standard Time (PKT, UTC+5). Use when the user asks for the current time, Pakistan time, or PKT.
Automation
64.4K6.4K
📽️
3w ago

Presentation Structure

Presentation Structure explains the slide format, journey bar level system, navigation, and section structure for the presentation at presentation/index.html. Use it when editing slides to keep numbering, level transitions, and navigation correct.
Frontend
64.4K6.4K
🎨
3w ago

Presentation Styling

Presentation Styling provides CSS classes, component patterns, and syntax highlighting for building slides in a presentation. Use it when styling slides, code blocks, journey bars, or weighted badges.
Frontend
64.4K6.4K
🕒
3w ago

Time Fetcher

Time Fetcher provides a bash command to fetch the current Dubai time in Asia/Dubai. Use it when you need the current time in Gulf Standard Time (UTC+4), including formatted and time-only fields.
Automation
64.4K6.4K
🕒
3w ago

Time SVG Creator

Time SVG Creator creates a visual SVG time card showing the current time for Dubai and writes it to agent-teams/output/dubai-time.svg. Use it when you need a self-contained SVG time card and markdown summary from provided time values.
Frontend
64.4K6.4K
🧭
3w ago

Vibe to Agentic Framework

Vibe to Agentic Framework teaches the conceptual model behind moving from unstructured vibe coding to structured agentic engineering with Claude Code. Use it to understand the four-level journey and how each Claude Code feature—CLAUDE.md, rules, skills, agents, commands, hooks, MCP—fits into a presentation or learning plan.
AI Engineering
64.4K6.4K
🌡️
3w ago

Weather Fetcher

Weather Fetcher retrieves current weather temperature data for Dubai, UAE from the Open-Meteo API. Use it when an agent needs the current temperature in Celsius or Fahrenheit.
Automation
64.4K6.4K
🌡️
3w ago

Weather SVG Creator

Weather SVG Creator creates an SVG weather card showing the current temperature for Dubai. Use it when you need to generate a visual temperature card as part of an orchestration workflow.
Frontend
64.4K6.4K