shanraisshan/claude-code-best-practice
DirSkills catalogs 10 skills from this repository, across 3 categories: AI Engineering, Automation, Frontend.
🌐
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