### Getting Started Markdown Template Source: https://github.com/jezweb/claude-skills/blob/main/plugins/dev-tools/skills/app-docs/SKILL.md A basic Markdown template for the 'Getting Started' section of documentation. Includes sections for accessing the app, logging in, and initial user actions. ```markdown ## Getting Started ### Accessing [App Name] - URL: [production URL] - Supported browsers: Chrome, Firefox, Safari, Edge - Mobile: [responsive / PWA / not supported] ### Logging In [Screenshot of login page + steps] ### Your First 5 Minutes 1. [First thing to do after logging in] 2. [Second thing — the quick win] 3. [Third thing — explore the main feature] ``` -------------------------------- ### Create Installable Triggers Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/google-apps-script/SKILL.md Set up installable triggers programmatically for more complex automation needs. Requires manual execution of the setup function once. ```javascript function createTriggers() { // Time-driven: run every day at 8am ScriptApp.newTrigger('dailyReport') .timeBased().atHour(8).everyDays(1).create(); // On edit with full permissions (can send email, fetch URLs) ScriptApp.newTrigger('onEditFull') .forSpreadsheet(SpreadsheetApp.getActive()).onEdit().create(); // On form submit ScriptApp.newTrigger('onFormSubmit') .forSpreadsheet(SpreadsheetApp.getActive()).onFormSubmit().create(); } ``` -------------------------------- ### Install OpenShell Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/nemoclaw-setup/SKILL.md Download and execute the OpenShell installation script. This installs the openshell executable to ~/.local/bin/. ```bash curl -LsSf https://raw.githubusercontent.com/NVIDIA/OpenShell/main/install.sh | sh ``` -------------------------------- ### Install Select Component Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/shadcn-ui/references/component-catalogue.md Command to install the Select component. ```bash pnpm dlx shadcn@latest add select ``` -------------------------------- ### Install Input and Label Components Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/shadcn-ui/references/component-catalogue.md Install the Input and Label components using the provided command. ```bash pnpm dlx shadcn@latest add input label ``` -------------------------------- ### Command Line Usage Example Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/react-patterns/SKILL.md Example of how to use a command-line tool or script. ```bash /react-patterns [file or component path] ``` -------------------------------- ### Install Individual Plugins Source: https://github.com/jezweb/claude-skills/blob/main/CLAUDE.md Install specific plugins from the 'jezweb-skills' source. Use this for individual plugin installations. ```bash # Install individual plugins /plugin install cloudflare@jezweb-skills /plugin install dev-tools@jezweb-skills /plugin install frontend@jezweb-skills ``` -------------------------------- ### New Project Setup with Expo Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/react-native/SKILL.md Command to create a new Expo app with the tabs template and install essential dependencies like expo-image, react-native-reanimated, and react-native-safe-area-context. ```bash npx create-expo-app my-app --template tabs cd my-app npx expo install expo-image react-native-reanimated react-native-gesture-handler react-native-safe-area-context ``` -------------------------------- ### GitHub Actions CI Setup for Playwright Source: https://github.com/jezweb/claude-skills/blob/main/plugins/dev-tools/skills/ux-audit/references/playwright-killer-flows.md Example GitHub Actions workflow for installing Playwright dependencies, running E2E tests, and uploading artifacts on failure. It demonstrates setting environment variables for test execution. ```yaml - name: Install Playwright run: pnpm exec playwright install --with-deps chromium - name: Run E2E tests run: pnpm test:e2e env: PLAYWRIGHT_BASE_URL: ${{ secrets.STAGING_URL }} TEST_USER_EMAIL: ${{ secrets.TEST_USER_EMAIL }} TEST_USER_PASSWORD: ${{ secrets.TEST_USER_PASSWORD }} - uses: actions/upload-artifact@v4 if: failure() with: name: playwright-report path: playwright-report/ ``` -------------------------------- ### Install Writing Plugin Source: https://github.com/jezweb/claude-skills/blob/main/README.md Command to install the Writing plugin from the marketplace. ```bash /plugin install writing@jezweb-skills ``` -------------------------------- ### Install Dropdown Menu Component Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/shadcn-ui/references/component-catalogue.md Command to install the Dropdown Menu component. ```bash pnpm dlx shadcn@latest add dropdown-menu ``` -------------------------------- ### Install Cloudflare Plugin Source: https://github.com/jezweb/claude-skills/blob/main/README.md Command to install the Cloudflare plugin from the marketplace. ```bash # Install what you need /plugin install cloudflare@jezweb-skills ``` -------------------------------- ### Example Discovery Output Summary Source: https://github.com/jezweb/claude-skills/blob/main/plugins/dev-tools/skills/team-update/references/discovery-patterns.md This is an example of how to present the discovered capabilities to the user. It lists available tools by category and indicates any missing capabilities. ```markdown ## Discovered Capabilities - Chat: Google Chat (via google-chat-anthro) - Git: Yes (jezweb/my-project on branch main) - Issues: GitHub (via github MCP) - Tasks: Brain (via brain MCP) - Knowledge: Vault (via vault MCP) Missing: - (none — all capabilities available) Which chat space should I post updates to? ``` -------------------------------- ### Install Card Component Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/shadcn-ui/references/component-catalogue.md Command to install the Card component. ```bash pnpm dlx shadcn@latest add card ``` -------------------------------- ### Install gws CLI and Verify Version Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/gws-install/SKILL.md Install the Google Workspace CLI globally using npm and confirm the installation by checking the version. ```bash npm install -g @googleworkspace/cli gws --version ``` -------------------------------- ### Install FastMCP Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/mcp-builder/SKILL.md Install the FastMCP library using pip. This is the first step before creating any MCP server. ```bash pip install fastmcp ``` -------------------------------- ### Install Context Bricks CLI Source: https://github.com/jezweb/claude-skills/blob/main/tools/statusline-npm/README.md Run this command to install the Context Bricks CLI tool. Requires Node.js and git. ```bash npx contextbricks init ``` -------------------------------- ### Install Dialog Component Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/shadcn-ui/references/component-catalogue.md Command to install the Dialog component. ```bash pnpm dlx shadcn@latest add dialog ``` -------------------------------- ### Install Shopify CLI Source: https://github.com/jezweb/claude-skills/blob/main/plugins/shopify/skills/shopify-setup/SKILL.md Install the Shopify CLI globally using npm if it's not already present on your system. ```bash npm install -g @shopify/cli ``` -------------------------------- ### Install Dev Tools Plugin Source: https://github.com/jezweb/claude-skills/blob/main/README.md Command to install the Developer Tools plugin from the marketplace. ```bash /plugin install dev-tools@jezweb-skills ``` -------------------------------- ### Install Navigation Components with shadcn/ui Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/shadcn-ui/SKILL.md Install navigation-related components like NavigationMenu and Command. The Command component requires the `cmdk` library. ```bash # Navigation pnpm dlx shadcn@latest add navigation-menu command ``` -------------------------------- ### Install Feedback Components with shadcn/ui Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/shadcn-ui/SKILL.md Install components for user feedback, including Toast and Alert/Badge. Toast requires the `sonner` library. ```bash # Feedback pnpm dlx shadcn@latest add toast # needs: sonner pnpm dlx shadcn@latest add alert badge ``` -------------------------------- ### Install Toast (Sonner) Component Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/shadcn-ui/references/component-catalogue.md Install the Toast component and the Sonner library. Remember to add `` to your root layout. ```bash pnpm dlx shadcn@latest add toast pnpm add sonner ``` -------------------------------- ### Start Docker Service Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/nemoclaw-setup/SKILL.md Use this command to start the Docker service if it is not running. ```bash sudo systemctl start docker ``` -------------------------------- ### Install Dropdown Menu for Theme Toggle Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/tailwind-theme-builder/SKILL.md Install the dropdown-menu package using pnpm to enable the theme toggle functionality. ```bash pnpm dlx shadcn@latest add dropdown-menu ``` -------------------------------- ### Install Overlay Components with shadcn/ui Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/shadcn-ui/SKILL.md Install components used for overlays and popups, such as Dialog, Sheet, Popover, and DropdownMenu. ```bash # Overlay pnpm dlx shadcn@latest add dialog sheet popover dropdown-menu ``` -------------------------------- ### Status Update Example Source: https://github.com/jezweb/claude-skills/blob/main/plugins/dev-tools/skills/roadmap/SKILL.md Example of how the roadmap status is displayed, showing progress through different phases. ```markdown Phase 1: Personal MVP ✓ (committed abc1234) Phase 2: Polish + Search ✓ (committed def5678) Phase 3: AI + MCP ← IN PROGRESS (7/15 tasks done) Phase 4: Team Features — not started Phase 5: Integrations — not started ``` -------------------------------- ### Smallest Possible Patch Examples Source: https://github.com/jezweb/claude-skills/blob/main/plugins/dev-tools/skills/ux-audit/references/audit-output-discipline.md Examples demonstrating the 'Smallest possible patch' format, emphasizing concrete, committable actions over vague suggestions. ```markdown Smallest possible patch: Add `aria-label="Edit message"` to `src/components/MessageRow.tsx:42`. ``` ```markdown Smallest possible patch: Wrap the existing destroy handler in `` from `@radix-ui/react-alert-dialog`. ``` ```markdown Smallest possible patch: Replace the empty `
` with `Add client} />`. ``` ```markdown Smallest possible patch: replace the ad-hoc dropdown in `` with `` from `frontend:shadcn-ui`. Touches 3 files; ~80 lines diff. ``` -------------------------------- ### Install Vitest Base Dependencies Source: https://github.com/jezweb/claude-skills/blob/main/plugins/dev-tools/skills/vitest/SKILL.md Installs Vitest and coverage tools. Add project-specific testing libraries as needed. ```bash pnpm add -D vitest ``` ```bash pnpm add -D @vitest/coverage-v8 jsdom @testing-library/react @testing-library/jest-dom @testing-library/user-event ``` ```bash pnpm add -D @vitest/coverage-v8 @cloudflare/vitest-pool-workers ``` ```bash pnpm add -D @vitest/coverage-v8 ``` ```bash pnpm remove jest ts-jest @types/jest jest-environment-jsdom babel-jest ``` -------------------------------- ### Install Badge Component Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/shadcn-ui/references/component-catalogue.md Command to install the Badge component. Available variants are `default`, `secondary`, `outline`, and `destructive`. ```bash pnpm dlx shadcn@latest add badge ``` -------------------------------- ### Install Data Display Components with shadcn/ui Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/shadcn-ui/SKILL.md Install components for displaying data, including Table and Tabs/Separator/Avatar. Table components often integrate with `@tanstack/react-table`. ```bash # Data Display pnpm dlx shadcn@latest add table # for data tables, also: @tanstack/react-table pnpm dlx shadcn@latest add tabs separator avatar ``` -------------------------------- ### Install Google Stitch SDK Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/design-loop/SKILL.md Install the Stitch SDK using npm. Ensure the STITCH_API_KEY is set in your environment or a .dev.vars file for authentication. ```bash npm install @google/stitch-sdk ``` -------------------------------- ### Multi-Page Site Navigation HTML Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/product-showcase/SKILL.md Example HTML for a consistent multi-page site navigation bar. Includes links to different sections and a 'Get Started' button. ```html ``` -------------------------------- ### Verify gws Installation and Basic Functionality Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/gws-install/SKILL.md After installation and authentication, verify the gws CLI status and test basic functionality for Calendar and Gmail. ```bash gws auth status gws calendar +agenda --today gws gmail +triage ``` -------------------------------- ### D1 New Project Setup Steps Source: https://github.com/jezweb/claude-skills/blob/main/plugins/cloudflare/skills/d1-migration/SKILL.md Follow this sequence when setting up a new D1 database for a project. It ensures the Worker is deployed, the D1 database is created, and the binding is correctly configured before running migrations. ```bash npm run build && npx wrangler deploy ``` ```bash npx wrangler d1 create project-name-db ``` ```bash npx wrangler deploy ``` -------------------------------- ### Verify Post Details with WP-CLI Source: https://github.com/jezweb/claude-skills/blob/main/plugins/wordpress/skills/wordpress-content/SKILL.md Retrieve and verify specific details of a post, such as ID, title, status, and GUID. The GUID can be used to get the live URL. ```bash # Check the post wp @site post get {post_id} --fields=ID,post_title,post_status,guid ``` ```bash # Get the live URL wp @site post get {post_id} --field=guid ``` ```bash # List recent posts wp @site post list --post_type=post --posts_per_page=5 --fields=ID,post_title,post_status,post_date ``` -------------------------------- ### Fetch Data from External API (GET) Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/google-apps-script/SKILL.md Make a GET request to an external API to retrieve data. Requires an API key and proper authorization setup. ```javascript // GET function fetchData() { const r = UrlFetchApp.fetch('https://api.example.com/data', { headers: { 'Authorization': 'Bearer ' + getApiKey() } }); return JSON.parse(r.getContentText()); } ``` -------------------------------- ### Install External Dependencies for shadcn/ui Components Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/shadcn-ui/SKILL.md Install necessary external libraries for specific shadcn/ui components. For example, `react-hook-form`, `zod`, and `@hookform/resolvers` are needed for the Form component. ```bash pnpm add react-hook-form zod @hookform/resolvers ``` -------------------------------- ### Check README for Install/Usage Sections Source: https://github.com/jezweb/claude-skills/blob/main/plugins/dev-tools/skills/github-release/references/safety-checklist.md Search the README.md file for 'Install' and 'Usage' sections using grep. These sections are important for users to understand how to set up and use the project. ```bash grep -i "## Install\|## Usage" README.md ``` -------------------------------- ### Get Agent Response Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/elevenlabs-agents/references/api-reference.md Retrieves the details of a specific agent, including its configuration and timestamps. The 'conversation_config' field may be truncated in the example. ```json { "agent_id": "agent_abc123", "name": "Support Agent", "conversation_config": { ... }, "created_at": "2025-11-03T12:00:00Z", "updated_at": "2025-11-03T14:00:00Z" } ``` -------------------------------- ### Start Development Server Source: https://github.com/jezweb/claude-skills/blob/main/plugins/cloudflare/skills/vite-flare-starter/SKILL.md Runs the Vite development server to verify the application locally. ```bash pnpm dev ``` -------------------------------- ### Pre-flight Checks for NemoClaw Setup Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/nemoclaw-setup/SKILL.md Run these commands to check if Docker is running, verify the Node.js version, and confirm if NemoClaw and OpenShell are already installed. ```bash # Check Docker docker ps 2>/dev/null || echo "Docker not running or no access" # Check Node.js node --version # Check if already installed which nemoclaw && nemoclaw --version which openshell && openshell --version ``` -------------------------------- ### Setup Long-Running Check-In Loop Source: https://github.com/jezweb/claude-skills/blob/main/plugins/dev-tools/skills/ux-audit/references/long-running-check-in-pattern.md Use the `/loop` infrastructure with a 15-minute interval and a supervisor prompt. The prompt should be short, structured, ask for recording, and instruct the main session to continue its work. ```bash /loop 15m Progress check on the UX audit in progress. 1. What page or area are you currently on? 2. What findings have you recorded since the last check-in? (new bugs, friction, edge cases) 3. Any state worth noting — blocked, waiting on input, exploring a side thread? 4. Append progress to the report file. Then continue where you were. ``` -------------------------------- ### Install shadcn/ui CLI Source: https://github.com/jezweb/claude-skills/blob/main/plugins/cloudflare/skills/tanstack-start/SKILL.md Command to initialize shadcn/ui in a project using pnpm. ```bash pnpm dlx shadcn@latest init --defaults pnpm dlx shadcn@latest add button card input label sidebar table dropdown-menu form separator sheet ``` -------------------------------- ### Create User Route with Zod Validation Source: https://github.com/jezweb/claude-skills/blob/main/plugins/cloudflare/skills/hono-api-scaffolder/SKILL.md Example of a Hono route file for managing users, including GET and POST methods. It demonstrates how to use `@hono/zod-validator` for request body validation and interacts with a D1 database. ```typescript // src/routes/users.ts import { Hono } from 'hono' import { zValidator } from '@hono/zod-validator' import { z } from 'zod' import type { Env } from '../types' const app = new Hono<{ Bindings: Env }>() // GET /api/users app.get('/', async (c) => { const db = c.env.DB const { results } = await db.prepare('SELECT * FROM users').all() return c.json({ users: results }) }) // GET /api/users/:id app.get('/:id', async (c) => { const id = c.req.param('id') const user = await db.prepare('SELECT * FROM users WHERE id = ?').bind(id).first() if (!user) return c.json({ error: 'Not found' }, 404) return c.json({ user }) }) // POST /api/users const createUserSchema = z.object({ name: z.string().min(1), email: z.string().email(), }) app.post('/', zValidator('json', createUserSchema), async (c) => { const body = c.req.valid('json') // ... insert logic return c.json({ user }, 201) }) ``` -------------------------------- ### Install Foundation Components with shadcn/ui Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/shadcn-ui/SKILL.md Install core foundation components like Button, Input, Label, Card, and others first. These form the base for more complex components. ```bash pnpm dlx shadcn@latest add button pnpm dlx shadcn@latest add input label pnpm dlx shadcn@latest add card ``` -------------------------------- ### Google Apps Script Structure Template Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/google-apps-script/SKILL.md Standard template for Google Apps Script projects. Includes header comment, configuration constants, and onOpen function for menu setup. Ensure to follow installation instructions for deployment. ```javascript /** * [Project Name] - [Brief Description] * * [What it does, key features] * * INSTALL: Extensions > Apps Script > paste this > Save > Reload sheet */ // --- CONFIGURATION --- const SOME_SETTING = 'value'; // --- MENU SETUP --- function onOpen() { const ui = SpreadsheetApp.getUi(); ui.createMenu('My Menu') .addItem('Do Something', 'myFunction') .addSeparator() .addSubMenu(ui.createMenu('More Options') .addItem('Option A', 'optionA')) .addToUi(); } // --- FUNCTIONS --- function myFunction() { // Implementation } ``` -------------------------------- ### Check Codex CLI Installation Source: https://github.com/jezweb/claude-skills/blob/main/plugins/dev-tools/skills/codex-review/SKILL.md Verify if the Codex CLI is installed on the system. If not, instruct the user to install it. ```bash which codex ``` -------------------------------- ### Clone and Initialize Project Source: https://github.com/jezweb/claude-skills/blob/main/plugins/cloudflare/skills/vite-flare-starter/SKILL.md Clones the vite-flare-starter repository and initializes a new Git repository. Use this to start a new project based on the template. ```bash git clone https://github.com/jezweb/vite-flare-starter.git PROJECT_DIR --depth 1 cd PROJECT_DIR rm -rf .git git init ``` -------------------------------- ### Install Node.js (if needed) Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/nemoclaw-setup/SKILL.md If the NemoClaw installer cannot find Node.js, use these commands to install Node.js version 22.x. ```bash curl -fsSL https://deb.nodesource.com/setup_22.x | sudo -E bash - sudo apt install -y nodejs ``` -------------------------------- ### Product Creation with Hosted Image URLs Source: https://github.com/jezweb/claude-skills/blob/main/plugins/shopify/skills/shopify-products/SKILL.md A shortcut for product creation if images are already hosted at public URLs. Provide the `src` and `alt` text for each image. ```json { "images": [ { "src": "https://example.com/image.jpg", "alt": "Product front view" } ] } ``` -------------------------------- ### Install NemoClaw Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/nemoclaw-setup/SKILL.md Download and execute the official installation script for NemoClaw. This script installs NemoClaw and OpenClaw globally via npm. ```bash curl -fsSL https://nvidia.com/nemoclaw.sh | bash ``` -------------------------------- ### Run NemoClaw Onboarding Wizard Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/nemoclaw-setup/SKILL.md Initiate the interactive onboarding process for NemoClaw. This wizard configures the sandbox, API keys, and sets up inference and network policies. ```bash PATH=$HOME/.npm-global/bin:$HOME/.local/bin:$PATH nemoclaw onboard ``` -------------------------------- ### Install Table Component Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/shadcn-ui/references/component-catalogue.md Command to install the Table component for static table display. For sortable or filterable data tables, also install `@tanstack/react-table`. ```bash pnpm dlx shadcn@latest add table ``` -------------------------------- ### Permission Auditor Sub-Agent Prompt Source: https://github.com/jezweb/claude-skills/blob/main/plugins/dev-tools/skills/project-health/SKILL.md This prompt guides the Permission Auditor sub-agent to analyze project permissions, discover connected MCP servers, identify installed skills and their requirements, check file access patterns, detect leaked secrets, and flag legacy or junk entries in the settings. It prefers using Read/Glob/Grep tools and suggests writing Python scripts for complex scans. ```prompt Read .claude/settings.local.json. **Discover connected MCP servers**: Use ToolSearch (search "mcp") and extract unique server prefixes from tool names (e.g. mcp__vault__secret_list → vault). **Discover installed skills**: Use the Skill tool or ToolSearch to list available skills. For each skill that has scripts/ in its directory, note what Bash patterns it needs (python3, env var prefixes like GEMINI_API_KEY=*, etc.). Check the SKILL.md for any MCP tools the skill references (e.g. mcp__vault__secret_get). Report: 1. MCP servers connected but NOT in settings (missing) 2. MCP servers in settings but NOT connected (stale) 3. Skill permissions: Bash patterns and MCP tools that installed skills need but aren't approved 4. File access: check for Read/Edit/Write patterns for .claude/** and //tmp/** in project settings, and ~/Documents/**/~/.claude/** in global settings 5. Leaked secrets: entries containing API keys, tokens, bearer strings, hex >20 chars, base64 >20 chars 6. Legacy colon syntax: entries like Bash(git:*) instead of Bash(git *) 7. Junk entries: shell fragments (Bash(do), Bash(fi), Bash(then), Bash(else), Bash(done)), __NEW_LINE_* artefacts, loop body fragments (Bash(break), Bash(continue), Bash(echo *)) 8. Duplicates: entries covered by a broader pattern (e.g. Bash(git add *) redundant if Bash(git *) exists) 9. Missing presets: based on files present, suggest presets from [permission-presets.md] Prefer Read/Glob/Grep tools over Bash. If you need to scan multiple files or run 3+ commands for one analysis, write a Python script to .jez/scripts/ and run it once (mkdir -p .jez/scripts first). Return a structured summary, not raw data. ``` -------------------------------- ### Install Dependencies and Create D1 Database Source: https://github.com/jezweb/claude-skills/blob/main/plugins/cloudflare/skills/tanstack-start/SKILL.md Install project dependencies using pnpm and create a D1 database via Wrangler. Remember to copy the generated `database_id` into `wrangler.jsonc`. ```bash cd PROJECT_NAME && pnpm install npx wrangler d1 create PROJECT_NAME-db # Copy the database_id into wrangler.jsonc d1_databases binding ``` -------------------------------- ### Install Tabs Component Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/shadcn-ui/references/component-catalogue.md Command to install the Tabs component. ```bash pnpm dlx shadcn@latest add tabs ``` -------------------------------- ### Local HTTP Server Command Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/product-showcase/SKILL.md Command to start a local HTTP server for previewing the showcase. Serves files from the 'showcase' directory on port 8000. ```bash python3 -m http.server -d showcase ``` -------------------------------- ### Install Google Workspace Agent Skills Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/gws-install/SKILL.md Install all available Google Workspace agent skills for the Claude Code environment. This command can be safely re-run if skills are already installed. ```bash npx skills add googleworkspace/cli -g --agent claude-code --all ``` -------------------------------- ### List Available Pattern Libraries Source: https://github.com/jezweb/claude-skills/blob/main/plugins/dev-tools/skills/ux-compare/SKILL.md This example shows the expected output format when listing available pattern libraries and their extraction dates. It helps identify stale libraries. ```text Available pattern libraries: - claude.ai (extracted 2026-03-12) - linear.app (extracted 2026-02-28) - notion.so (extracted 2026-01-15) ← 3 months old - superhuman (extracted 2026-03-20) ``` -------------------------------- ### Install Stripe Dependencies Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/stripe-payments/SKILL.md Install the necessary Stripe npm packages for your project. ```bash npm install stripe @stripe/stripe-js ``` -------------------------------- ### Create Stripe Products and Prices Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/stripe-payments/SKILL.md Instructions for creating products and prices in Stripe, either via the Stripe CLI or the Stripe Dashboard. Hardcode price IDs in your application. ```bash # Via Stripe CLI (recommended for setup) stripe products create --name="Pro Plan" --description="Full access" stripe prices create --product=prod_XXX --unit-amount=2900 --currency=aud --recurring[interval]=month # Or via Dashboard: https://dashboard.stripe.com/products ``` ```typescript const PRICES = { pro_monthly: 'price_1234567890', pro_yearly: 'price_0987654321', } as const; ``` -------------------------------- ### Reporting Findings Example Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/react-patterns/SKILL.md Example format for reporting code review findings. ```bash file:line — [rule] description of issue ``` -------------------------------- ### Install Button Component Source: https://github.com/jezweb/claude-skills/blob/main/plugins/frontend/skills/shadcn-ui/references/component-catalogue.md Use this command to install the Button component. Available variants include `default`, `destructive`, `outline`, `secondary`, `ghost`, and `link`. Sizes can be `default`, `sm`, `lg`, or `icon`. ```bash pnpm dlx shadcn@latest add button ``` -------------------------------- ### Plugin JSON Configuration Source: https://github.com/jezweb/claude-skills/blob/main/CLAUDE.md Example JSON file for defining a plugin's name, description, and author. ```json { "name": "my-plugin", "description": "What this plugin does.", "author": { "name": "Jeremy Dawes / Jezweb", "email": "jeremy@jezweb.net" } } ``` -------------------------------- ### System Prompt: Tools Component Source: https://github.com/jezweb/claude-skills/blob/main/plugins/integrations/skills/elevenlabs-agents/SKILL.md List available functions (tools) and specify when to use them, along with any necessary explanations before tool invocation. This enables the agent to perform specific actions. ```text 1. lookup_order(order_id) -- Use when customer mentions an order. 2. transfer_to_supervisor() -- Use when issue requires manager approval. Always explain what you're doing before calling a tool. ``` -------------------------------- ### Check WP-CLI Version Source: https://github.com/jezweb/claude-skills/blob/main/plugins/wordpress/skills/wordpress-setup/SKILL.md Verify if WP-CLI is installed on the system. If not, follow the installation instructions. ```bash wp --version ``` ```bash # macOS/Linux curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar chmod +x wp-cli.phar sudo mv wp-cli.phar /usr/local/bin/wp ``` ```bash wp package install wp-cli/ssh-command ``` -------------------------------- ### Initialize New Repo with .gitignore Source: https://github.com/jezweb/claude-skills/blob/main/plugins/dev-tools/skills/git-workflow/SKILL.md Create a .gitignore file before the initial commit to prevent unwanted files (like node_modules) from being tracked. ```bash cat > .gitignore << 'EOF' node_modules/ .wrangler/ dist/ .dev.vars *.log .DS_Store .env .env.local EOF git init && git add . && git commit -m "Initial commit" ```