### Calibre CLI Get Command Example Source: https://github.com/jwynia/agent-skills/blob/main/context-network/research/calibreweb-cli-tools/implementation.md Illustrates the `get` command for the Calibre CLI, designed to download a book by its ID and optionally convert it to a specified format in a single step. This simplifies the workflow for obtaining books in desired formats. ```bash # Download and convert in one step calibre-cli get --format mobi # If book not available in mobi, download epub and convert ``` -------------------------------- ### Check Installed Components and Configuration Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/frontend/design/shadcn-layouts/references/component-checklist.md Provides bash commands to list installed UI components in the 'components/ui/' directory and view the 'components.json' configuration file. This helps in understanding the project's setup and dependencies. ```bash # List installed components ls -la components/ui/ # Check components.json for config cat components.json ``` -------------------------------- ### Install Shadcn Components (CLI) Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/frontend/design/shadcn-layouts/references/component-checklist.md Commands to install single, multiple, or all shadcn components using the npx command-line interface. Use the --all flag sparingly. ```bash npx shadcn@latest add button npx shadcn@latest add button card dialog npx shadcn@latest add --all ``` -------------------------------- ### Calibre CLI Example Usage Source: https://github.com/jwynia/agent-skills/blob/main/context-network/research/calibreweb-cli-tools/implementation.md Provides practical examples of how to use the `calibre-cli` tool for common tasks. This includes listing books, searching by author, downloading, converting, and retrieving book information. ```bash # List recent books calibre-cli list --recent --limit 20 # Search by author calibre-cli search "author:Sanderson" # Download book calibre-cli download 123 --format epub # Download and convert to Kindle format calibre-cli get 123 --format azw3 # Show book info calibre-cli info 123 # Convert local file calibre-cli convert mybook.epub --to mobi ``` -------------------------------- ### Install and Setup TanStack React Table Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/frontend/design/shadcn-layouts/references/component-checklist.md Installs the necessary packages for TanStack Table and adds the table component using shadcn-ui. This is the initial setup for creating dynamic data tables. ```bash npm i @tanstack/react-table npx shadcn add table ``` -------------------------------- ### Install Remote Skills from GitHub Source: https://github.com/jwynia/agent-skills/blob/main/skills/general/meta/agent-bootstrap/SKILL.md Installs a skill from a GitHub repository using the 'owner/repo@skill' format. The '-g' flag installs globally, and '-y' confirms the installation. This command is used when the skill source is specified as a GitHub repository. ```bash npx skills add owner/repo@skill -g -y ``` -------------------------------- ### Theme Provider Setup (React/Next.js) Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/frontend/design/shadcn-layouts/references/component-checklist.md Instructions for setting up the ThemeProvider, including installing the 'next-themes' package and configuring the provider in the main layout file for theme management. ```bash npm install next-themes ``` ```tsx // components/theme-provider.tsx "use client" import { ThemeProvider as NextThemesProvider } from "next-themes" export function ThemeProvider({ children, ...props }) { return {children} } // app/layout.tsx import { ThemeProvider } from "@/components/theme-provider" export default function RootLayout({ children }) { return ( {children} ) } ``` -------------------------------- ### Install Remote Skills from Git URL Source: https://github.com/jwynia/agent-skills/blob/main/skills/general/meta/agent-bootstrap/SKILL.md Installs a skill directly from a Git URL. This command is used when the skill is hosted in a Git repository accessible via a URL. The '-g' flag installs globally, and '-y' confirms the installation. ```bash npx skills add -g -y ``` -------------------------------- ### Install Remote Skills from Registry Source: https://github.com/jwynia/agent-skills/blob/main/skills/general/meta/agent-bootstrap/SKILL.md Installs a skill from a remote registry using its name. This command assumes the skill is published and available in a configured registry. The '-g' flag installs globally, and '-y' confirms the installation. ```bash npx skills add name -g -y ``` -------------------------------- ### Minimal Hono Server Setup with Mastra Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/ai/mastra-hono/references/hono-server-patterns.md Demonstrates the basic setup for a Hono server integrated with Mastra. It initializes the Mastra server and starts a basic HTTP server on port 3000. Ensure to await server.init(). ```typescript import { serve } from "@hono/node-server"; import { Hono } from "hono"; import { MastraServer } from "@mastra/hono"; import { mastra } from "./mastra/index.js"; const app = new Hono(); const server = new MastraServer({ app, mastra }); await server.init(); // Don't forget await! app.get("/", (c) => c.text("Mastra + Hono Server")); serve({ fetch: app.fetch, port: 3000 }); ``` -------------------------------- ### Calibre CLI Convert Command Example Source: https://github.com/jwynia/agent-skills/blob/main/context-network/research/calibreweb-cli-tools/implementation.md Demonstrates the basic usage of the `convert` command for the Calibre CLI, which acts as a wrapper around the `ebook-convert` utility. It shows how to specify input files, target formats, and output paths. ```bash calibre-cli convert --to [--output ] ``` -------------------------------- ### Create Design System from Scratch with Deno Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/frontend/design/frontend-design/SKILL.md Illustrates the process of creating a design system from scratch using Deno scripts, starting with generating a color palette with specified themes, shades, semantics, and output format. ```bash # 1. Generate color palette deno run --allow-read --allow-write scripts/generate-palette.ts \ --seed "#8b5cf6" --theme vibrant --shades --semantic --format css colors.css ``` -------------------------------- ### CORS Configuration with Express (Node.js) Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/security/security-scan/references/remediation/common-fixes.md Configures Cross-Origin Resource Sharing (CORS) for an Express.js application using the 'cors' middleware. This example restricts requests to a specific origin and allows only GET and POST methods, with credentials enabled. ```javascript const cors = require('cors'); app.use(cors({ origin: ['https://app.example.com'], methods: ['GET', 'POST'], credentials: true })); ``` -------------------------------- ### Install Remote Skill via Raw URL (Gitea/GitLab) Source: https://github.com/jwynia/agent-skills/blob/main/skills/general/meta/agent-bootstrap/SKILL.md Fetches a SKILL.md file directly from a raw URL, typically from platforms like Gitea or GitLab. It creates the necessary directory structure and saves the file. This method is used for skills hosted as raw files. ```bash # Create skill directory mkdir -p ~/.claude/skills/skill-name # Fetch SKILL.md directly curl -sSL "https://gitea.example.com/.../raw/.../skill-name/SKILL.md" \ -o ~/.claude/skills/skill-name/SKILL.md # Verify file was created test -f ~/.claude/skills/skill-name/SKILL.md ``` -------------------------------- ### Initialize World Bible Structure Source: https://github.com/jwynia/agent-skills/blob/main/skills/creative/fiction/application/shared-world/SKILL.md Creates the foundational directory structure and template files for a new world bible. Requires read and write permissions for the Deno environment. ```bash deno run --allow-read --allow-write scripts/init-world.ts "World Name" ``` -------------------------------- ### Check if Skill is Installed Source: https://github.com/jwynia/agent-skills/blob/main/skills/general/meta/agent-bootstrap/SKILL.md Checks if a specific skill is already installed by looking for its SKILL.md file in the ~/.claude/skills directory. This is a preliminary step before attempting to install a remote skill. ```bash ls ~/.claude/skills/skill-name/SKILL.md ``` -------------------------------- ### Execute Presentation Generation Scripts Source: https://github.com/jwynia/agent-skills/blob/main/skills/general/document-processing/presentation/pptx-generator/SKILL.md Command-line interface examples for running Deno scripts to generate, analyze, or template PowerPoint files. Requires appropriate read and write permissions. ```bash # Generate from scratch deno run --allow-read --allow-write scripts/generate-scratch.ts spec.json output.pptx # Analyze template for placeholders deno run --allow-read scripts/analyze-template.ts template.pptx --pretty # Generate from template deno run --allow-read --allow-write scripts/generate-from-template.ts template.pptx data.json output.pptx # Generate thumbnails deno run --allow-read scripts/generate-thumbnails.ts library.pptx ``` -------------------------------- ### Electron Main Process Setup (TypeScript) Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/development/tooling/electron-best-practices/references/architecture/project-structure.md Sets up the main Electron process, managing application lifecycle, creating windows, and registering IPC handlers. It requires the 'electron' package and uses Node.js APIs for system interactions. ```typescript import { app, BrowserWindow } from 'electron'; import { join } from 'path'; import { registerFileHandlers } from './ipc/file-handlers'; import { registerAppHandlers } from './ipc/app-handlers'; function createWindow(): BrowserWindow { const win = new BrowserWindow({ width: 1200, height: 800, webPreferences: { preload: join(__dirname, '../preload/index.js'), contextIsolation: true, sandbox: true, nodeIntegration: false, }, }); // electron-vite handles dev server vs production file loading if (process.env['ELECTRON_RENDERER_URL']) { win.loadURL(process.env['ELECTRON_RENDERER_URL']); } else { win.loadFile(join(__dirname, '../renderer/index.html')); } return win; } app.whenReady().then(() => { registerFileHandlers(); registerAppHandlers(); createWindow(); }); app.on('window-all-closed', () => { if (process.platform !== 'darwin') app.quit(); }); ``` -------------------------------- ### Setup Python Virtual Environment Source: https://github.com/jwynia/agent-skills/blob/main/skills/education/document-to-narration/SKILL.md Initializes the Python environment required for TTS and transcription scripts. This ensures all dependencies are isolated and correctly versioned. ```bash cd .claude/skills/document-to-narration/tts python3.12 -m venv .venv source .venv/bin/activate pip install -r requirements.txt ``` -------------------------------- ### Sonner Toast Setup and Usage (React) Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/frontend/design/shadcn-layouts/references/component-checklist.md Guides on integrating Sonner for toast notifications, including adding the Toaster component to the layout and using the toast function for displaying messages. ```tsx // app/layout.tsx import { Toaster } from "@/components/ui/sonner" export default function RootLayout({ children }) { return ( {children} ) } // Usage anywhere: import { toast } from "sonner" ttoast("Event created") ttoast.success("Success!") ttoast.error("Error occurred") ``` -------------------------------- ### Configure Feature Versioning and Install Order Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/development/tooling/devcontainer/references/feature-catalog.md Patterns for pinning specific software versions and controlling the sequence of feature installation. Use overrideFeatureInstallOrder to resolve dependency conflicts or specific setup requirements. ```json { "features": { "ghcr.io/devcontainers/features/node:1": { "version": "20.10.0" } } } ``` ```json { "features": { "ghcr.io/devcontainers/features/node:1": { "version": "20" }, "ghcr.io/devcontainers/features/python:1": { "version": "3.11" } } } ``` ```json { "features": { "ghcr.io/devcontainers/features/node:1": {}, "ghcr.io/devcontainers/features/python:1": {} }, "overrideFeatureInstallOrder": [ "ghcr.io/devcontainers/features/python", "ghcr.io/devcontainers/features/node" ] } ``` -------------------------------- ### Initialize Changesets for Versioning Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/development/tooling/npm-package/reference/publishing-workflow.md Commands to install and initialize the Changesets CLI for managing project versioning and changelogs. ```bash bun add -d @changesets/cli bunx changeset init ``` -------------------------------- ### Popover Component Example (React/TypeScript) Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/frontend/design/shadcn-layouts/references/component-checklist.md Shows the usage of the Popover component for displaying floating content. It requires PopoverTrigger and PopoverContent. The example includes a button to trigger the popover and a placeholder for its content. ```tsx {/* Popover content */} ``` -------------------------------- ### Approximate Bundle Sizes for 'Hello World' Apps Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/development/tooling/electron-best-practices/references/tooling/tauri-comparison.md This section provides approximate bundle sizes for a simple 'Hello World' application built with Electron and Tauri on different operating systems and architectures. Note that Windows Tauri installations may require the WebView2 runtime. ```text # Approximate bundle sizes for a simple "Hello World" app Electron (macOS arm64): ~85 MB Electron (Windows x64): ~90 MB Electron (Linux x64): ~95 MB Tauri (macOS arm64): ~3 MB Tauri (Windows x64): ~4 MB (WebView2 runtime may add ~150 MB on first install) Tauri (Linux x64): ~5 MB ``` -------------------------------- ### Install Dependencies for Form Component Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/frontend/design/shadcn-layouts/references/component-checklist.md Installs necessary packages for react-hook-form, zod, and shadcn UI components for form elements. This command-line interface (CLI) command is used to set up the project environment. ```bash npm i react-hook-form @hookform/resolvers zod npx shadcn add form input button ``` -------------------------------- ### Execute Scraper via CLI and Docker Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/development/tooling/scraper-builder/assets/examples/ecommerce-scraper.md Commands to run the scraper in local development or containerized environments. Supports environment variable overrides for custom URLs and page limits. ```bash # Local development npm run dev # With custom URL BASE_URL=https://actual-shop.com npm run scrape # Docker docker compose up --build # Docker with custom config BASE_URL=https://actual-shop.com MAX_PAGES=50 docker compose up ``` -------------------------------- ### Install Peer Dependencies for Shadcn Components (npm) Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/frontend/design/shadcn-layouts/references/component-checklist.md Commands to install common peer dependencies required by various shadcn components like Form, Data Table, Charts, Calendar, and Carousel. ```bash # For Form component npm i react-hook-form @hookform/resolvers zod # For Data Table component npm i @tanstack/react-table # For Charts component npm i recharts # For Calendar and Date Picker components npm i react-day-picker date-fns # For Carousel component npm i embla-carousel-react # For Drawer component npm i vaul ``` -------------------------------- ### Bash Command for Running a Deno Script Source: https://github.com/jwynia/agent-skills/blob/main/skills/general/meta/skill-builder/templates/SKILL.template.md Provides examples of how to execute a Deno script using the `deno run` command. It includes basic execution and execution with command-line arguments, demonstrating how to invoke the script and pass necessary options. ```bash deno run --allow-read scripts/{{SCRIPT_NAME}}.ts [args] deno run --allow-read scripts/{{SCRIPT_NAME}}.ts --option value ``` -------------------------------- ### Accordion Component Example (React/TypeScript) Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/frontend/design/shadcn-layouts/references/component-checklist.md Illustrates the Accordion component for creating collapsible content sections. It requires AccordionItem, AccordionTrigger, and AccordionContent. The example shows a single, collapsible accordion with two items. ```tsx Section 1 Content 1 Section 2 Content 2 ``` -------------------------------- ### Configure multiple preload scripts Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/development/tooling/electron-best-practices/assets/configs/electron-vite.config.ts.md Demonstrates how to define multiple entry points for preload scripts when an application requires different scripts for various BrowserWindow instances. ```typescript preload: { plugins: [externalizeDepsPlugin()], build: { rollupOptions: { input: { main: resolve(__dirname, 'src/preload/main.ts'), settings: resolve(__dirname, 'src/preload/settings.ts'), }, }, }, } ``` -------------------------------- ### Playwright Electron Test Configuration Example Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/development/tooling/electron-best-practices/SKILL.md An example `playwright.config.ts` file for configuring Playwright to test Electron applications. This setup allows for end-to-end testing of your Electron app's UI and functionality. ```typescript import { defineConfig, devices } from '@playwright/experimental-ct-electron'; export default defineConfig({ // Use the following directory for test files testDir: './playwright/tests', // Use the following directory for test output outputDir: './playwright/output', // Configure Electron specific options electron: { // Path to your Electron app's build output directory // For example, if using electron-vite, this might be './dist/electron' // If using electron-forge, this might be './out/--' // You might need to adjust this based on your build process. // For development, you might point to the output of `electron:serve` or similar. // Example for development build: // appDir: './dist/electron', // Example for packaged build (adjust path as needed): // appDir: './out/YourAppName-win32-x64', // Specify the binary path if not automatically detected // binaryPath: './path/to/your/electron/binary', // Launch options for the Electron app launchOptions: { args: ['--no-sandbox'], // Example: disable sandbox for testing if needed }, }, // Configure projects for different browsers/devices projects: [ { name: 'chromium', use: { ...devices['Desktop Chrome'], // Use the Electron browser type browserName: 'chromium', }, }, // Add other browser configurations if needed ], // Use reporter for test results reporter: 'list', }); ``` -------------------------------- ### DropdownMenu Component Example (React/TypeScript) Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/frontend/design/shadcn-layouts/references/component-checklist.md Illustrates the implementation of a DropdownMenu, commonly used for navigation or actions. Key subcomponents include DropdownMenuTrigger and DropdownMenuContent. The example shows a menu with labels, separators, and menu items. ```tsx My Account Profile Settings Logout ``` -------------------------------- ### Tooltip Provider Setup (React) Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/frontend/design/shadcn-layouts/references/component-checklist.md Demonstrates how to set up the TooltipProvider by wrapping the application's children in the layout file to enable tooltip functionality. ```tsx import { TooltipProvider } from "@/components/ui/tooltip" export default function RootLayout({ children }) { return ( {children} ) } ``` -------------------------------- ### Main Process Starter Template Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/development/tooling/electron-best-practices/SKILL.md A basic template for the main process of an Electron application. It includes essential setup like creating a browser window and handling application lifecycle events. ```typescript import { app, BrowserWindow } from 'electron'; import * as path from 'path'; function createWindow() { const mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences: { preload: path.join(__dirname, 'preload.js'), contextIsolation: true, nodeIntegration: false, }, }); mainWindow.loadFile('index.html'); } app.whenReady().then(() => { createWindow(); app.on('activate', function () { if (BrowserWindow.getAllWindows().length === 0) createWindow(); }); }); app.on('window-all-closed', function () { if (process.platform !== 'darwin') app.quit(); }); ``` -------------------------------- ### Tabs Component Example (React/TypeScript) Source: https://github.com/jwynia/agent-skills/blob/main/skills/tech/frontend/design/shadcn-layouts/references/component-checklist.md Demonstrates the Tabs component for organizing content into switchable tabs. It requires TabsList, TabsTrigger, and TabsContent. The example sets a default tab and shows how to define triggers and their corresponding content. ```tsx Tab 1 Tab 2 Content 1 Content 2 ```