shanraisshan/claude-code-best-practice
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
Before you install
- Last update
- Files in folder
- 1
- Scripts
- No script files found
- SKILL.md size
- 13 KB (about 3,320 tokens of context each time it loads)
- License
- MIT
- Source on GitHub
- shanraisshan/claude-code-best-practice
Skills are plain text instructions the agent follows, sometimes with scripts. Check the source, prefer repositories with many installs and stars, and read any script it ships.
Install
npx skills add shanraisshan/claude-code-best-practice@vibe-to-agentic-frameworkRuns in a terminal with Node.js 18 or newer. Add -y to skip the prompts and -g to install for every project instead of this one.
Install for your agent
npx skills add shanraisshan/claude-code-best-practice@vibe-to-agentic-framework --agent claude-code -y- Project install writes to
.claude/skills/vibe-to-agentic-framework- Global install writes to
~/.claude/skills/vibe-to-agentic-framework
Start a new session afterwards so the agent picks the skill up. In Claude Code you can also call it directly with /vibe-to-agentic-framework.
What it does
The "Vibe Coding to Agentic Engineering" Framework This skill teaches the conceptual model behind the presentation. Every slide and section exists to tell a single story: how a developer incrementally moves from unstructured "vibe coding" (Low level) to high-level agentic engineering (High level). Core Concept Vibe Coding (Low level) is when a developer uses Claude Code with no structure — no project context, no conventions, no reusable knowledge. Every prompt is a coin flip. Claude might create random endpoints, ignore existing patterns, skip tests, and produce inconsistent code. The…
Excerpt from the skill's own SKILL.md. Read the full file on GitHub before installing: skills run with your agent's permissions.
Categories
Related skills
- agent-browser
shanraisshan/claude-code-best-practice
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.
- weather-fetcher
shanraisshan/claude-code-best-practice
Instructions for fetching current weather temperature data for Dubai, UAE from Open-Meteo API
- weather-svg-creator
shanraisshan/claude-code-best-practice
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.
- time-skill
shanraisshan/claude-code-best-practice
Display the current time in Pakistan Standard Time (PKT, UTC+5). Use when the user asks for the current time, Pakistan time, or PKT.
305 installs 68K - presentation-structure
shanraisshan/claude-code-best-practice
Knowledge about the presentation slide format, weight system, navigation, and section structure
- presentation-styling
shanraisshan/claude-code-best-practice
Knowledge about CSS classes, component patterns, and syntax highlighting in the presentation