### Install Skyvern and Setup Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/all-skills/skills/skyvern/SKILL.md Install the Skyvern package and run the setup command for interactive client selection. This is the recommended cloud setup. ```bash pip install skyvern skyvern setup # interactive client selection ``` -------------------------------- ### Export Setup Guide Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/claude-ops/skills/ops-dash/SKILL.md Command to export the setup guide to a markdown file. ```bash Write a ~/.claude-ops-setup.md file with full (sanitized) setup guide for sharing with teammates ``` -------------------------------- ### Initial Setup Options Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/claude-ops/skills/setup/SKILL.md Presents the primary setup choices to the user. The 'Set up everything' option is recommended for a full installation. ```text How would you like to run setup? [Set up everything — install CLIs, configure all channels, MCPs, registry, daemon, preferences (Recommended)] [Pick sections — choose which parts to configure] [Re-run a specific section — I know what I need] ``` -------------------------------- ### Basic Setup Examples for Sync Automation Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/all-commands/commands/sync-automation-setup.md Illustrates basic command-line usage for setting up the sync automation. It shows how to initiate an interactive setup, use a configuration file, and perform a minimal setup focused only on webhooks. ```bash # Interactive setup claude sync-automation-setup # Setup with config file claude sync-automation-setup --config="sync-config.yml" # Minimal setup (webhooks only) claude sync-automation-setup --mode="webhooks-only" ``` -------------------------------- ### Install NextAuth.js v5 (Beta) Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/nextjs-expert/skills/auth-patterns/examples/nextauth-setup.md Installs the beta version of NextAuth.js, a popular authentication library for Next.js applications. Ensure you are using a compatible Node.js version. ```bash npm install next-auth@beta ``` -------------------------------- ### Install Dependencies and Environment Setup Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/all-skills/skills/mcp-builder/reference/evaluation.md Commands to install necessary Python dependencies and set the required API key for the evaluation process. ```bash pip install -r scripts/requirements.txt export ANTHROPIC_API_KEY=your_api_key ``` -------------------------------- ### Verify Qwen Setup Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/give-claude-eyes/README.md Run this command to check if the necessary dependencies are installed and the API connection is verified. ```bash /qwen-setup ``` -------------------------------- ### Install and Configure Language-Specific Formatters Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/all-commands/commands/setup-formatting.md Commands to install and initialize default configuration files for JavaScript/TypeScript and Python formatting tools. ```bash npm install -D prettier echo '{"semi": true, "singleQuote": true, "tabWidth": 2}' > .prettierrc ``` ```bash pip install black isort echo '[tool.black]\nline-length = 88\ntarget-version = ["py38"]' > pyproject.toml ``` -------------------------------- ### Basic Cloudflare Proxy Setup Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/all-skills/skills/cf-proxy/SKILL.md Initiates the setup process for a free Cloudflare proxy node. This command triggers an interactive session to guide you through the deployment. ```bash Help me set up a free Cloudflare proxy node ``` ```bash /cf-proxy ``` -------------------------------- ### Install Venture Capital Intelligence Plugin Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/venture-capital-intelligence/README.md Use these commands to add the plugin marketplace and install the venture-capital-intelligence plugin on Claude Code. This is a one-time setup process. ```bash # Step 1 — Add the marketplace (one-time setup) claude plugin marketplace add isanthoshgandhi/venture-capital-intelligence # Step 2 — Install the plugin claude plugin install venture-capital-intelligence ``` -------------------------------- ### Setup and Export DOCX Files with JavaScript/TypeScript Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/all-skills/skills/docx/docx-js.md Installs the DOCX library globally and demonstrates how to create a new document and export it as a buffer for Node.js or a blob for browser applications. Assumes the 'docx' package is installed. ```javascript const { Document, Packer, Paragraph, TextRun, Table, TableRow, TableCell, ImageRun, Media, Header, Footer, AlignmentType, PageOrientation, LevelFormat, ExternalHyperlink, InternalHyperlink, TableOfContents, HeadingLevel, BorderStyle, WidthType, TabStopType, TabStopPosition, UnderlineType, ShadingType, VerticalAlign, SymbolRun, PageNumber, FootnoteReferenceRun, Footnote, PageBreak } = require('docx'); // Create & Save const doc = new Document({ sections: [{ children: [/* content */] }] }); Packer.toBuffer(doc).then(buffer => fs.writeFileSync("doc.docx", buffer)); // Node.js Packer.toBlob(doc).then(blob => { /* download logic */ }); // Browser ``` -------------------------------- ### NextAuth.js Route Handler Setup Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/nextjs-expert/skills/auth-patterns/examples/nextauth-setup.md Configures the Next.js API route handler for NextAuth.js. This setup is essential for the authentication flow to work correctly by exposing GET and POST methods for the authentication endpoints. ```tsx // app/api/auth/[...nextauth]/route.ts import { handlers } from '@/auth' export const { GET, POST } = handlers ``` -------------------------------- ### Complete html2pptx and PptxGenJS Presentation Example Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/all-skills/skills/pptx/html2pptx.md A comprehensive example showing the setup of pptxgenjs, conversion of HTML slides using html2pptx, adding a chart to a placeholder, and saving the final presentation. ```javascript const pptxgen = require('pptxgenjs'); const html2pptx = require('./html2pptx'); async function createPresentation() { const pptx = new pptxgen(); pptx.layout = 'LAYOUT_16x9'; pptx.author = 'Your Name'; pptx.title = 'My Presentation'; // Slide 1: Title const { slide: slide1 } = await html2pptx('slides/title.html', pptx); // Slide 2: Content with chart const { slide: slide2, placeholders } = await html2pptx('slides/data.html', pptx); const chartData = [{ name: 'Sales', labels: ['Q1', 'Q2', 'Q3', 'Q4'], values: [4500, 5500, 6200, 7100] }]; slide2.addChart(pptx.charts.BAR, chartData, { ...placeholders[0], showTitle: true, title: 'Quarterly Sales', showCatAxisTitle: true, catAxisTitle: 'Quarter', showValAxisTitle: true, valAxisTitle: 'Sales ($000s)' }); // Save await pptx.writeFile({ fileName: 'presentation.pptx' }); console.log('Presentation created successfully!'); } createPresentation().catch(console.error); ``` -------------------------------- ### Build Claude HUD Plugin (Bash) Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/claude-hud/commands/setup.md This bash script installs dependencies and builds the TypeScript code for the claude-hud plugin. It requires Node.js and npm to be installed. Navigate to the plugin's root directory before executing these commands. ```bash cd ${CLAUDE_PLUGIN_ROOT} npm install npm run build ``` -------------------------------- ### Install Plugin from Marketplace Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/project-boundary/README.md Commands to add the plugin from the marketplace and then install it. ```bash /plugin marketplace add davepoon/buildwithclaude ``` ```bash /plugin install project-boundary@buildwithclaude ``` -------------------------------- ### Core Setup Batch Options Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/claude-ops/skills/setup/SKILL.md Presents the first batch of core setup options, including CLIs, daemon, MCPs, and registry configuration. These should be run early. ```markdown | Option | Header | Description | | ------------------ | -------- | ----------------------------------------------------------------------------- | | Install CLIs | cli | Install missing command-line tools via Homebrew | | Background daemon | daemon | Install ops-daemon early — pre-warms briefing cache while remaining setup runs | | Configure MCPs | mcp | Enable Linear, Sentry, Vercel, Gmail MCP servers | | Build registry | registry | Register projects Claude should manage | ``` -------------------------------- ### Agent Analytics CLI: First-Time Setup Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/all-skills/skills/agent-analytics/SKILL.md Guides users through the initial setup of Agent Analytics using the CLI. This involves logging in with an API key, creating a new project to get a project write token, and verifying events. ```bash npx @agent-analytics/cli login --token aak_YOUR_API_KEY npx @agent-analytics/cli create my-site --domain https://mysite.com npx @agent-analytics/cli events my-site ``` -------------------------------- ### INIT Stage Log Example Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/agents-uc-taskmanager/skills/sdd-pipeline/references/work-activity-log.md Example of an INIT stage log entry to be appended using the Write tool. ```text [2026-03-28T14:30:00]_SPECIFIER_INIT_WORK-09 created — Execution-Mode: direct ``` -------------------------------- ### Configure Integrations Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/claude-ops/README.md Initiates the setup wizard for configuring various integrations like Telegram, Slack, and AWS. This is the recommended method for setup. ```bash /ops:setup ``` -------------------------------- ### GitLab CI Build and Test Stages Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/commands-ci-deployment/commands/ci-setup.md Defines stages for testing, building, and deploying in GitLab CI. This example focuses on the test stage, including dependency installation and running tests with caching for node_modules. ```yaml stages: - test - build - deploy test: stage: test script: - npm ci - npm run test cache: paths: - node_modules/ ``` -------------------------------- ### Install Linting Dependencies for JavaScript and TypeScript Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/commands-project-setup/commands/setup-linting.md Installs essential ESLint and Prettier packages for TypeScript projects. This setup ensures consistent code style and static analysis. ```bash npm install -D eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin npm install -D prettier eslint-config-prettier eslint-plugin-prettier ``` -------------------------------- ### Initialize New Project Setup Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/gsd/skills/gsd-new-project/SKILL.md This script performs initial setup for the new project workflow. It checks for existing projects, initializes git if necessary, and determines the runtime environment to set the correct instruction file. ```bash INIT=$(node "$GSD_TOOLS" init new-project) if [[ "$INIT" == @file:* ]]; then INIT=$(cat "${INIT#@file:}"); fi AGENT_SKILLS_RESEARCHER=$(node "$GSD_TOOLS" agent-skills gsd-project-researcher 2>/dev/null) AGENT_SKILLS_SYNTHESIZER=$(node "$GSD_TOOLS" agent-skills gsd-synthesizer 2>/dev/null) AGENT_SKILLS_ROADMAPPER=$(node "$GSD_TOOLS" agent-skills gsd-roadmapper 2>/dev/null) ``` ```bash if [ -n "$CODEX_HOME" ]; then RUNTIME="codex" elif [ -n "$GEMINI_CONFIG_DIR" ]; then RUNTIME="gemini" elif [ -n "$OPENCODE_CONFIG_DIR" ] || [ -n "$OPENCODE_CONFIG" ]; then RUNTIME="opencode" else RUNTIME="claude"; fi ``` ```bash if [ "$RUNTIME" = "codex" ]; then INSTRUCTION_FILE="AGENTS.md"; else INSTRUCTION_FILE="CLAUDE.md"; fi ``` ```bash if [ "$has_git" = "false" ]; then git init fi ``` -------------------------------- ### Initialize Runtime Context Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/claude-ops/skills/ops-integrate/SKILL.md Sets up preferences file path and reads the partner registry. Handles cases where the partner registry might not exist. ```bash PREFS="${CLAUDE_PLUGIN_DATA_DIR:-$HOME/.claude/plugins/data/ops-ops-marketplace}/preferences.json" PARTNER_REGISTRY=$(jq '.partner_registry // {}' "$PREFS" 2>/dev/null || echo '{}') ``` -------------------------------- ### Advanced Configuration Examples for Sync Automation Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/all-commands/commands/sync-automation-setup.md Demonstrates advanced command-line options for configuring the sync automation. This includes setting up full automation with specific monitoring and alerting integrations, as well as custom deployment targets like Kubernetes. ```bash # Full automation with monitoring claude sync-automation-setup \ --mode="full" \ --monitoring="datadog" \ --alerts="slack,email" # Custom deployment claude sync-automation-setup \ --deploy-target="kubernetes" \ --namespace="sync-system" ``` -------------------------------- ### Configure Claude HUD Statusline (JSON) Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/claude-hud/commands/setup.md This JSON configuration snippet adds the claude-hud as a command-based status line in Claude Code. It specifies the command to execute, which is a Node.js script located within the plugin's root directory. Ensure Node.js is installed and the plugin is correctly set up. ```json { "statusLine": { "type": "command", "command": "node ${CLAUDE_PLUGIN_ROOT}/dist/index.js" } } ``` -------------------------------- ### Manage User Session State with useSession Hook Source: https://github.com/davepoon/buildwithclaude/blob/main/plugins/nextjs-expert/skills/auth-patterns/examples/nextauth-setup.md This example shows how to use the `useSession` hook from next-auth/react to access the authentication status and session data. It handles loading states, unauthenticated users (displaying sign-in/sign-up links), and authenticated users (displaying user info and a sign-out button). ```tsx // components/user-menu.tsx 'use client' import { useSession, signOut } from 'next-auth/react' import Link from 'next/link' export function UserMenu() { const { data: session, status } = useSession() if (status === 'loading') { return