### Setup Mermaid Studio Skill

Source: https://agent-skills.techleads.club/skills/mermaid-studio

Run this script once per environment to install rendering engines and icon pack dependencies.

```bash
bash $SKILL_DIR/scripts/setup.sh
```

--------------------------------

### Google Search Console MCP Setup

Source: https://agent-skills.techleads.club/skills/ai-seo

Sets up the Google Search Console MCP by cloning a repository and installing dependencies. This enables access to GSC performance data for analysis.

```bash
git clone https://github.com/AminForou/mcp-gsc
cd mcp-gsc && pip install -r requirements.txt
claude mcp add gsc -- python /path/to/mcp-gsc/server.py
```

--------------------------------

### Setup Playwright and Browser

Source: https://agent-skills.techleads.club/skills/playwright-skill

Installs Playwright and the Chromium browser. This command is only needed for the initial setup.

```bash
cd $SKILL_DIR
npm run setup
```

--------------------------------

### Install Partner Affiliate Skill

Source: https://agent-skills.techleads.club/skills/partner-affiliate

Use this command to install the partner-affiliate skill. This command installs the skill and its associated reference files.

```bash
npx @tech-leads-club/agent-skills install --skill partner-affiliate
```

--------------------------------

### Install Lighthouse CLI

Source: https://agent-skills.techleads.club/skills/perf-lighthouse

Install the Lighthouse command-line interface globally.

```bash
npm install -g lighthouse
```

--------------------------------

### Install Multi-Platform Launch Skill

Source: https://agent-skills.techleads.club/skills/multi-platform-launch

Use this command to install the multi-platform launch skill. This command installs the necessary agent skills for your project.

```bash
npx @tech-leads-club/agent-skills install --skill multi-platform-launch
```

--------------------------------

### Install Domain Analysis Skill

Source: https://agent-skills.techleads.club/skills/domain-analysis

Install the domain analysis skill using npm. Ensure you have Node.js and npm installed.

```bash
npx @tech-leads-club/agent-skills install --skill domain-analysis
```

--------------------------------

### Command Example

Source: https://agent-skills.techleads.club/skills/cursor-subagent-creator

An example of a custom command that can be invoked directly.

```text
  * **Command** : `/fix` to fix linter errors

```

--------------------------------

### Install Frontend Blueprint Skill

Source: https://agent-skills.techleads.club/skills/frontend-blueprint

Use this command to install the frontend-blueprint agent skill. This command initiates the installation process for the skill within your project environment.

```bash
npx @tech-leads-club/agent-skills install --skill frontend-blueprint
```

--------------------------------

### Install Render Deploy Agent Skill

Source: https://agent-skills.techleads.club/skills/render-deploy

Use this command to install the render-deploy agent skill. This command initiates the installation process for the specified skill.

```bash
npx @tech-leads-club/agent-skills install --skill render-deploy
```

--------------------------------

### Install SEO Skill

Source: https://agent-skills.techleads.club/skills/seo

Use this command to install the SEO skill into your project. Ensure you have Node.js and npm installed.

```bash
npx @tech-leads-club/agent-skills install --skill seo
```

--------------------------------

### Install create-rfc Skill

Source: https://agent-skills.techleads.club/skills/create-rfc

Use this command to install the 'create-rfc' agent skill. This command installs the skill and its dependencies.

```bash
npx @tech-leads-club/agent-skills install --skill create-rfc
```

--------------------------------

### Install Video Outreach Agent Skill

Source: https://agent-skills.techleads.club/skills/video-outreach

Use this command to install the video outreach agent skill. Ensure you have Node.js and npm installed.

```bash
npx @tech-leads-club/agent-skills install --skill video-outreach
```

--------------------------------

### Install Lighthouse Performance Skill

Source: https://agent-skills.techleads.club/skills/perf-lighthouse

Use this command to install the Lighthouse performance skill for your agent.

```bash
npx @tech-leads-club/agent-skills install --skill perf-lighthouse
```

--------------------------------

### Install Learning Opportunities Skill

Source: https://agent-skills.techleads.club/skills/learning-opportunities

Use this command to install the 'learning-opportunities' skill for your agent. Ensure you have npx available.

```bash
npx @tech-leads-club/agent-skills install --skill learning-opportunities
```

--------------------------------

### Install Project Dependencies

Source: https://agent-skills.techleads.club/skills/netlify-deploy

Before deploying, ensure all project dependencies are installed using npm.

```bash
npm install
```

--------------------------------

### Install Render CLI on macOS

Source: https://agent-skills.techleads.club/skills/render-deploy

Install the Render CLI using Homebrew on macOS.

```bash
brew install render

```

--------------------------------

### Install Mermaid Studio Skill

Source: https://agent-skills.techleads.club/skills/mermaid-studio

Installs the Mermaid Studio agent skill using npx.

```bash
npx @tech-leads-club/agent-skills install --skill mermaid-studio
```

--------------------------------

### Install networkx

Source: https://agent-skills.techleads.club/skills/security-ownership-map

Install the networkx library, which is required for community detection and graph analysis.

```bash
pip install networkx

```

--------------------------------

### Install Coupling Analysis Skill

Source: https://agent-skills.techleads.club/skills/coupling-analysis

Use this command to install the coupling analysis skill for your agent.

```bash
npx @tech-leads-club/agent-skills install --skill coupling-analysis
```

--------------------------------

### Install Astro Performance Packages

Source: https://agent-skills.techleads.club/skills/perf-astro

Install `astro-critters` for critical CSS and `@playform/compress` for asset minification.

```bash
npm install astro-critters @playform/compress

```

--------------------------------

### Install Render CLI on Linux/macOS

Source: https://agent-skills.techleads.club/skills/render-deploy

Install the Render CLI using a curl script on Linux or macOS.

```bash
curl -fsSL https://raw.githubusercontent.com/render-oss/cli/main/bin/install.sh | sh

```

--------------------------------

### Install Sales Motion Design Skill

Source: https://agent-skills.techleads.club/skills/sales-motion-design

Use this command to install the sales-motion-design skill. Ensure you have npx available.

```bash
npx @tech-leads-club/agent-skills install --skill sales-motion-design
```

--------------------------------

### Install React Composition Patterns Skill

Source: https://agent-skills.techleads.club/skills/react-composition-patterns

Use this command to install the agent skill for React composition patterns.

```bash
npx @tech-leads-club/agent-skills install --skill react-composition-patterns
```

--------------------------------

### Install Decomposition Planning Roadmap Skill

Source: https://agent-skills.techleads.club/skills/decomposition-planning-roadmap

Use this command to install the decomposition planning and roadmap skill for your agent.

```bash
npx @tech-leads-club/agent-skills install --skill decomposition-planning-roadmap
```

--------------------------------

### Initialize Lighthouse CI Configuration

Source: https://agent-skills.techleads.club/skills/perf-lighthouse

Install the Lighthouse CI CLI and run the wizard to initialize its configuration.

```bash
# Install
npm install -g @lhci/cli

# Initialize config
lhci wizard

```

--------------------------------

### Install Playwright

Source: https://agent-skills.techleads.club/skills/playwright-skill

If Playwright is not installed, navigate to the skill directory and run 'npm run setup' to install the necessary dependencies.

```bash
cd $SKILL_DIR && npm run setup
```

--------------------------------

### Deploy to Netlify (Preview)

Source: https://agent-skills.techleads.club/skills/netlify-deploy

Create a preview deployment for the project. This is useful for testing changes before deploying to production and is the default for existing sites.

```bash
npx netlify deploy

```

--------------------------------

### Install GTM Engineering Skill

Source: https://agent-skills.techleads.club/skills/gtm-engineering

Use this command to install the GTM Engineering skill. This is the primary setup step for utilizing the skill's functionalities.

```bash
npx @tech-leads-club/agent-skills install --skill gtm-engineering
```

--------------------------------

### Install Web Design Guidelines Skill

Source: https://agent-skills.techleads.club/skills/web-design-guidelines

Use this command to install the web-design-guidelines skill. This is a prerequisite before using the skill for UI code reviews.

```bash
npx @tech-leads-club/agent-skills install --skill web-design-guidelines
```

--------------------------------

### Example: Create a New Confluence Page

Source: https://agent-skills.techleads.club/skills/confluence-assistant

This example shows how to create a new Confluence page, starting by retrieving space information and then using `createConfluencePage`. It requires `getConfluenceSpaces` and `createConfluencePage`.

```Confluence Assistant
getConfluenceSpaces(cloudId, keys=["TECH"])
createConfluencePage(
     cloudId,
     spaceId="space-id-from-step-1",
     title="ADR-001: Use Microservices Architecture",
     body="# ADR-001: Use Microservices Architecture\n\n## Status\nAccepted\n\n## Context\n...\n\n## Decision\n...\n\n## Consequences\n..."
   )

```

--------------------------------

### Deploy Project to Production

Source: https://agent-skills.techleads.club/skills/netlify-deploy

Once you are satisfied with the preview deployment, use this command to deploy your project to production, making it live.

```bash
npx netlify deploy --prod
```

--------------------------------

### JQL for Issues Updated This Week

Source: https://agent-skills.techleads.club/skills/jira-assistant

Example JQL query to find issues that have been updated since the start of the current week. Replace `{PROJECT_KEY}`.

```jql
# Issues updated this week
project = {PROJECT_KEY} AND updated >= startOfWeek()
```

--------------------------------

### Run Lighthouse on Preview Environment

Source: https://agent-skills.techleads.club/skills/perf-lighthouse

Execute this command to capture performance metrics for a preview or staging version of a website.

```bash
lighthouse https://preview.example.com --output=json --output-path=pr.json
```

--------------------------------

### Check Nx Cloud Connection

Source: https://agent-skills.techleads.club/skills/nx-ci-monitor

Before starting the monitoring loop, verify the workspace is connected to Nx Cloud by checking for `nxCloudId` or `nxCloudAccessToken` in `nx.json`. If not connected, exit with a message guiding the user to connect.

```shell
[ci-monitor] Nx Cloud not connected. Unlock 70% faster CI and auto-fix broken PRs with https://nx.dev/nx-cloud

```

--------------------------------

### Create New Netlify Site Interactively

Source: https://agent-skills.techleads.club/skills/netlify-deploy

Initialize and create a new Netlify site interactively. Use this when the project is not linked to an existing Netlify site and requires setup, including build configurations.

```bash
# Create new site interactively
npx netlify init

```

--------------------------------

### Start CI Monitor Fresh

Source: https://agent-skills.techleads.club/skills/nx-ci-monitor

To ignore previous context and start the CI monitor from scratch, use the `--fresh` flag. This is useful for ensuring a completely clean slate.

```shell
/ci-monitor --fresh
```

--------------------------------

### Install Coding Guidelines Skill

Source: https://agent-skills.techleads.club/skills/coding-guidelines

Use this command to install the coding guidelines skill for your agent. This command should be run in your project's root directory.

```bash
npx @tech-leads-club/agent-skills install --skill coding-guidelines
```

--------------------------------

### Install Cloudflare Deploy Skill

Source: https://agent-skills.techleads.club/skills/cloudflare-deploy

Use this command to install the Cloudflare Deploy skill for your agent. Ensure you have npx installed.

```bash
npx @tech-leads-club/agent-skills install --skill cloudflare-deploy
```

--------------------------------

### Install Frontend Design Skill

Source: https://agent-skills.techleads.club/skills/frontend-design

Use this command to install the frontend design skill. This command sets up the necessary tools and references for implementing the design principles discussed.

```bash
npx @tech-leads-club/agent-skills install --skill frontend-design
```

--------------------------------

### SKILL.md Structure Example

Source: https://agent-skills.techleads.club/skills/skill-architect

Illustrates the recommended structure for the main skill instructions file (SKILL.md), including sections for purpose, instructions, examples, and troubleshooting.

```markdown
# Skill Name

Brief purpose statement (1-2 sentences).

## Instructions

### Step 1: [Action]

Specific instructions with examples.
Expected output: [what success looks like]

### Step 2: [Action]

...

## Examples

### Example 1: [Common scenario]

User says: "..."
Actions: [numbered steps]
Result: [specific output]

## Troubleshooting

### Error: [message]

Cause: [why]
Solution: [fix]


```

--------------------------------

### Install Agent Skill

Source: https://agent-skills.techleads.club/

Installs a specific agent skill from the command line. Skills are typically installed into a directory like .cursor/skills/ or .claude/skills/.

```bash
npx @tech-leads-club/agent-skills install --skill [skill-name]
```

--------------------------------

### Initialize a New Netlify Site

Source: https://agent-skills.techleads.club/skills/netlify-deploy

Run this command if no Netlify site is currently linked to your project. It will guide you through creating a new site on Netlify.

```bash
npx netlify init
```

--------------------------------

### Run Package Manager Install

Source: https://agent-skills.techleads.club/skills/nx-ci-monitor

Installs dependencies to update the lockfile. Detects the package manager (pnpm, npm, yarn) and runs the appropriate install command.

```bash
pnpm install   # or npm install / yarn install

```

--------------------------------

### Install Agent Skills CLI

Source: https://agent-skills.techleads.club/about

Installs the Agent Skills command-line interface using npx. This command initiates an interactive wizard for selecting and installing skills.

```bash
npx @tech-leads-club/agent-skills
```

--------------------------------

### Identify and size all components in this codebase

Source: https://agent-skills.techleads.club/skills/component-identification-sizing

Initiates a complete analysis of the codebase to map directory structures, identify components, calculate size metrics, and generate an inventory with recommendations.

```text
User: "Identify and size all components in this codebase"

The skill will:
1. Map directory/namespace structures
2. Identify all components (leaf nodes)
3. Calculate size metrics (statements, files, percentages)
4. Generate component inventory table
5. Flag oversized/undersized components
6. Provide recommendations

```

--------------------------------

### Example: Group components into logical domains

Source: https://agent-skills.techleads.club/skills/domain-identification-grouping

This example shows a user request to group components into logical domains. The skill will analyze responsibilities, identify domains, group components, create diagrams, and suggest namespace refactoring.

```text
User: "Group components into logical domains"

The skill will:
1. Analyze component responsibilities and relationships
2. Identify business domains based on functionality
3. Group components into domains
4. Create domain diagrams
5. Suggest namespace refactoring for domain alignment
```

--------------------------------

### Bad Rollback Plan Example

Source: https://agent-skills.techleads.club/skills/technical-design-doc-creator

An example of a missing rollback plan.

```markdown
We'll deploy and hope it works.

```

--------------------------------

### Bad Scope Definition Example

Source: https://agent-skills.techleads.club/skills/technical-design-doc-creator

An example of an undefined scope that is too broad.

```markdown
Build payment integration with all features.

```

--------------------------------

### Install create-adr Skill

Source: https://agent-skills.techleads.club/skills/create-adr

Use npm to install the create-adr skill for your agent.

```bash
npx @tech-leads-club/agent-skills install --skill create-adr
```

--------------------------------

### Install Component Identification and Sizing Skill

Source: https://agent-skills.techleads.club/skills/component-identification-sizing

Installs the 'component-identification-sizing' skill using npm. This command should be run in your project's root directory.

```bash
npx @tech-leads-club/agent-skills install --skill component-identification-sizing
```

--------------------------------

### Bad Problem Statement Example

Source: https://agent-skills.techleads.club/skills/technical-design-doc-creator

An example of a vague problem statement that should be avoided.

```markdown
We need to integrate with Stripe.

```

--------------------------------

### Install AI Pricing Skill

Source: https://agent-skills.techleads.club/skills/ai-pricing

Use this command to install the AI Pricing skill. This command includes reference files for implementation and quick reference.

```bash
npx @tech-leads-club/agent-skills install --skill ai-pricing
```

--------------------------------

### Example Session: Normal Flow with Self-Healing

Source: https://agent-skills.techleads.club/skills/nx-ci-monitor

Demonstrates a typical CI monitoring session where the skill detects a failure, applies a fix, and the CI eventually succeeds. Shows medium verbosity output.

```text
[ci-monitor] Starting CI monitor for branch 'feature/add-auth'
[ci-monitor] Config: max-cycles=5, timeout=120m, verbosity=medium

[ci-monitor] Spawning subagent to poll CI status...
[CI Monitor] CI attempt: IN_PROGRESS | Self-Healing: NOT_STARTED | Elapsed: 1m
[CI Monitor] CI attempt: FAILED | Self-Healing: IN_PROGRESS | Elapsed: 3m
[CI Monitor] CI attempt: FAILED | Self-Healing: COMPLETED | Elapsed: 5m

[ci-monitor] Fix available! Verification: COMPLETED
[ci-monitor] Applying fix via MCP...
[ci-monitor] Fix applied in CI. Waiting for new CI attempt...

[ci-monitor] Spawning subagent to poll CI status...
[CI Monitor] New CI attempt detected!
[CI Monitor] CI attempt: SUCCEEDED | Elapsed: 8m

[ci-monitor] CI passed successfully!

[ci-monitor] Summary:
  - Total cycles: 2
  - Total time: 12m 34s
  - Fixes applied: 1
  - Result: SUCCESS

```

--------------------------------

### Install perf-astro Skill

Source: https://agent-skills.techleads.club/skills/perf-astro

Install the `perf-astro` skill using the provided agent command.

```bash
npx @tech-leads-club/agent-skills install --skill perf-astro

```

--------------------------------

### Example: Identify domain for specific components

Source: https://agent-skills.techleads.club/skills/domain-identification-grouping

This example demonstrates asking about the appropriate domain for specific components, like billing. The skill will analyze functionality, check relationships, identify the domain, and recommend assignment.

```text
User: "Which domain should the billing components belong to?"

The skill will:
1. Analyze billing component functionality
2. Check relationships with other components
3. Identify appropriate domain (e.g., Customer or Financial)
4. Recommend domain assignment
```

--------------------------------

### Java Package Structure Example

Source: https://agent-skills.techleads.club/skills/component-flattening-analysis

Demonstrates a Java package structure, showing root packages and component packages.

```plaintext
com.company.survey       ← Root package (extended)
├── Survey.java         ← Orphaned class
└── templates/          ← Component (leaf package)
    └── Template.java

```

--------------------------------

### Bad Security Consideration Example

Source: https://agent-skills.techleads.club/skills/technical-design-doc-creator

An example of missing security considerations for payment systems.

```markdown
No security section for payment integration.

```

--------------------------------

### Code Flow Understanding Workflow Example

Source: https://agent-skills.techleads.club/skills/codenavi

Illustrates the process for understanding and documenting a project's authentication flow. This is suitable for exploration tasks.

```markdown
BRIEFING:
- Read .notebook/INDEX.md → no auth-related entries yet
- Objective: map the authentication flow and document it
- Success: clear documentation of how auth works

RECON:
- Found entry point: src/middleware/auth.ts
- Traced: auth middleware → jwt.verify() → userService.findById()
- Refresh token logic in src/services/auth/refresh.ts
- OAuth2 providers configured in src/config/oauth.ts (Google, GitHub)
- Session stored in Redis (src/lib/redis.ts:sessionStore)

PLAN:
1. Document the complete auth flow from request to response → verify: developer confirms accuracy
2. Note the refresh token rotation mechanism (single-use tokens) → verify: code matches documentation

EXECUTE: [creates notebook entry]

DEBRIEF:
- Created .notebook/auth-flow.md with full flow documentation
- Created .notebook/session-redis.md noting Redis session pattern
- Updated INDEX.md

```