fix: linting

Co-authored-by: Srinivasan Sekar <srinivasan.sekar1990@gmail.com>

Author: saikrishna321

.agents/skills/use-appclaw-agent-cli/SKILL.md

@@ -25,23 +25,23 @@ rather than a YAML flow:
 
 **Always use `scroll`, never `swipe`.** `scroll` and `swipe` are aliases in the parser, but `scroll` reads unambiguously — `scroll down` means scroll down, `scroll up` means scroll up.
 
-| Goal | Command |
-|---|---|
-| See content **below** (scroll down) | `appclaw-agent --session <name> scroll down --json` |
-| See content **above** (scroll up) | `appclaw-agent --session <name> scroll up --json` |
-| Scroll down within an element | `appclaw-agent --session <name> scroll @eN down --json` |
-| Scroll up within an element | `appclaw-agent --session <name> scroll @eN up --json` |
+| Goal                                | Command                                                 |
+| ----------------------------------- | ------------------------------------------------------- |
+| See content **below** (scroll down) | `appclaw-agent --session <name> scroll down --json`     |
+| See content **above** (scroll up)   | `appclaw-agent --session <name> scroll up --json`       |
+| Scroll down within an element       | `appclaw-agent --session <name> scroll @eN down --json` |
+| Scroll up within an element         | `appclaw-agent --session <name> scroll @eN up --json`   |
 
 **Never use `swipe`** — `swipe up` is ambiguous (training data says it scrolls down; AppClaw treats it as scroll up). Using `scroll` eliminates the confusion entirely.
 
-**Never use `swipe @eN direction`** — element-scoped swipe crashes (`swipeElement is not a function`). Use `scroll @eN direction` instead.
-7. Close the named session when the task is complete.
+**Never use `swipe @eN direction`** — element-scoped swipe crashes (`swipeElement is not a function`). Use `scroll @eN direction` instead. 7. Close the named session when the task is complete.
 
 ## Assertions must always be visual
 
 **Never use DOM presence (`is visible`, snapshot element checks) as the sole assertion.** The DOM may contain elements that are off-screen, scrolled out of view, or clipped — DOM presence does not mean the user can see it.
 
 For every assertion or verification step:
+
 1. Take a screenshot: `appclaw-agent --session <name> screenshot /tmp/<name>.png`
 2. Read the screenshot image with the Read tool and visually analyze what is actually rendered on screen.
 3. Base your pass/fail verdict **only on what you can see in the screenshot**, not on DOM presence.
@@ -50,4 +50,3 @@ For every assertion or verification step:
 This applies to any check phrased as "verify X is present", "confirm X appears", "assert X is visible", or similar.
 
 The installed CLI help is the source of truth for supported commands.
-

landing/index.html

@@ -1853,8 +1853,11 @@ <h1 class="reveal reveal-delay-1">
         <p class="run-surface-text">
           <a href="https://www.npmjs.com/package/appclaw" target="_blank" rel="noopener">CLI</a>
           (<code>npx appclaw</code>) for terminals and CI,
-          <a href="https://www.npmjs.com/package/appclaw-agent" target="_blank" rel="noopener">Agent CLI</a>
-          (<code>npm i -g appclaw-agent</code>) for AI coding agents like Claude Code and Gemini CLI, or the
+          <a href="https://www.npmjs.com/package/appclaw-agent" target="_blank" rel="noopener"
+            >Agent CLI</a
+          >
+          (<code>npm i -g appclaw-agent</code>) for AI coding agents like Claude Code and Gemini
+          CLI, or the
           <a
             href="https://marketplace.visualstudio.com/items?itemName=AppClaw.appclaw"
             target="_blank"
@@ -2330,7 +2333,8 @@ <h2 class="reveal reveal-delay-1">Ready to automate your<br />mobile apps?</h2>
           </a>
         </div>
         <div class="cta-meta reveal">
-          CLI<span>·</span>Agent CLI<span>·</span>Cursor &amp; VS Code<span>·</span>Apache 2.0<span>·</span>BYO LLM Key
+          CLI<span>·</span>Agent CLI<span>·</span>Cursor &amp; VS Code<span>·</span>Apache
+          2.0<span>·</span>BYO LLM Key
         </div>
       </div>
     </section>

landing/usage.html

@@ -3745,7 +3745,9 @@ <h3>Tips for writing good guides</h3>
         <!-- AGENT CLI                                    -->
         <!-- ============================================ -->
         <section id="agent-cli-overview" class="reveal">
-          <h2>Agent CLI <code style="font-size:0.7em;vertical-align:middle">appclaw-agent</code></h2>
+          <h2>
+            Agent CLI <code style="font-size: 0.7em; vertical-align: middle">appclaw-agent</code>
+          </h2>
           <p>
             <code>appclaw-agent</code> is a deterministic terminal CLI designed for AI coding agents
             — Claude Code, Gemini CLI, Codex CLI, and any agent with terminal access. It exposes
@@ -3757,8 +3759,8 @@ <h2>Agent CLI <code style="font-size:0.7em;vertical-align:middle">appclaw-agent<
             <div class="callout-title">Who this is for</div>
             <p>
               Use <code>appclaw-agent</code> when an AI coding agent needs to drive a mobile device
-              as part of a larger task — writing a test, verifying a UI, or exploring an app.
-              The agent issues terminal commands; AppClaw handles the device session.
+              as part of a larger task — writing a test, verifying a UI, or exploring an app. The
+              agent issues terminal commands; AppClaw handles the device session.
             </p>
           </div>
 
@@ -3804,7 +3806,9 @@ <h3>How it compares</h3>
         <section id="agent-cli-install" class="reveal">
           <div class="section-breadcrumb">Agent CLI <span>/</span> Installation</div>
           <h2>Installation</h2>
-          <p>Install globally so <code>appclaw-agent</code> is available in any terminal session.</p>
+          <p>
+            Install globally so <code>appclaw-agent</code> is available in any terminal session.
+          </p>
 
           <div class="code-block">
             <div class="code-block-header">
@@ -3842,8 +3846,8 @@ <h2>Installation</h2>
           <div class="section-breadcrumb">Agent CLI <span>/</span> Workflow</div>
           <h2>Workflow</h2>
           <p>
-            Every session follows the same five-step pattern. Re-snapshot after every
-            state-changing action — refs are invalidated when the screen changes.
+            Every session follows the same five-step pattern. Re-snapshot after every state-changing
+            action — refs are invalidated when the screen changes.
           </p>
 
           <div class="code-block">
@@ -3904,7 +3908,10 @@ <h2>Command Reference</h2>
           <h3>Session management</h3>
           <table class="cmd-table">
             <thead>
-              <tr><th>Command</th><th>Description</th></tr>
+              <tr>
+                <th>Command</th>
+                <th>Description</th>
+              </tr>
             </thead>
             <tbody>
               <tr>
@@ -3925,7 +3932,10 @@ <h3>Session management</h3>
           <h3>Inspection</h3>
           <table class="cmd-table">
             <thead>
-              <tr><th>Command</th><th>Description</th></tr>
+              <tr>
+                <th>Command</th>
+                <th>Description</th>
+              </tr>
             </thead>
             <tbody>
               <tr>
@@ -3946,7 +3956,10 @@ <h3>Inspection</h3>
           <h3>Interaction</h3>
           <table class="cmd-table">
             <thead>
-              <tr><th>Command</th><th>Description</th></tr>
+              <tr>
+                <th>Command</th>
+                <th>Description</th>
+              </tr>
             </thead>
             <tbody>
               <tr>
@@ -3971,21 +3984,33 @@ <h3>Interaction</h3>
           <h3>Hardware keys</h3>
           <table class="cmd-table">
             <thead>
-              <tr><th>Command</th><th>Description</th></tr>
+              <tr>
+                <th>Command</th>
+                <th>Description</th>
+              </tr>
             </thead>
             <tbody>
-              <tr><td><code>back --json</code></td><td>Press the hardware Back button</td></tr>
-              <tr><td><code>home --json</code></td><td>Press the hardware Home button</td></tr>
-              <tr><td><code>enter --json</code></td><td>Press the Enter / Return key</td></tr>
+              <tr>
+                <td><code>back --json</code></td>
+                <td>Press the hardware Back button</td>
+              </tr>
+              <tr>
+                <td><code>home --json</code></td>
+                <td>Press the hardware Home button</td>
+              </tr>
+              <tr>
+                <td><code>enter --json</code></td>
+                <td>Press the Enter / Return key</td>
+              </tr>
             </tbody>
           </table>
 
           <div class="callout callout-tip">
             <div class="callout-title">Always re-snapshot after interaction</div>
             <p>
               Any command that changes screen state (<code>press</code>, <code>fill</code>,
-              <code>scroll</code>, hardware keys) invalidates all current <code>@eN</code> refs.
-              Run <code>snapshot -i --json</code> again before referencing elements.
+              <code>scroll</code>, hardware keys) invalidates all current <code>@eN</code> refs. Run
+              <code>snapshot -i --json</code> again before referencing elements.
             </p>
           </div>
         </section>
@@ -4020,7 +4045,11 @@ <h3>Stable selectors</h3>
           </p>
           <table class="cmd-table">
             <thead>
-              <tr><th>Kind</th><th>Syntax</th><th>Best for</th></tr>
+              <tr>
+                <th>Kind</th>
+                <th>Syntax</th>
+                <th>Best for</th>
+              </tr>
             </thead>
             <tbody>
               <tr>
@@ -4098,7 +4127,11 @@ <h3>Visual assertions vs DOM checks</h3>
           </p>
           <table class="cmd-table">
             <thead>
-              <tr><th>Method</th><th>What it checks</th><th>Use when</th></tr>
+              <tr>
+                <th>Method</th>
+                <th>What it checks</th>
+                <th>Use when</th>
+              </tr>
             </thead>
             <tbody>
               <tr>

packages/appclaw-agent/src/cli.ts

@@ -3,19 +3,19 @@ import { helpText, VERSION, workflowText } from './help.js';
 import { parseInvocation } from './parser.js';
 
 const c = {
-  reset:   '\x1b[0m',
-  bold:    '\x1b[1m',
-  dim:     '\x1b[2m',
-  green:   '\x1b[32m',
-  red:     '\x1b[31m',
-  cyan:    '\x1b[36m',
-  yellow:  '\x1b[33m',
+  reset: '\x1b[0m',
+  bold: '\x1b[1m',
+  dim: '\x1b[2m',
+  green: '\x1b[32m',
+  red: '\x1b[31m',
+  cyan: '\x1b[36m',
+  yellow: '\x1b[33m',
   magenta: '\x1b[35m',
 };
 
 function colorOutput(session: string | undefined, ok: boolean, message: string, output?: string) {
   const icon = ok ? `${c.green}✔${c.reset}` : `${c.red}✘${c.reset}`;
-  const tag  = session ? ` ${c.cyan}[${session}]${c.reset}` : '';
+  const tag = session ? ` ${c.cyan}[${session}]${c.reset}` : '';
   if (output) process.stdout.write(`${c.dim}${output}${c.reset}\n`);
   process.stdout.write(`${icon}${tag} ${message}\n`);
 }

packages/appclaw-agent/src/runtime-contract.d.ts

@@ -54,7 +54,10 @@ declare module 'appclaw/agent-runtime' {
     fill(target: AgentTarget, text: string): Promise<AgentActionResult>;
     longpress(target: AgentTarget, duration?: number): Promise<AgentActionResult>;
     swipe(direction: 'up' | 'down' | 'left' | 'right'): Promise<AgentActionResult>;
-    swipeElement(target: AgentTarget, direction: 'up' | 'down' | 'left' | 'right'): Promise<AgentActionResult>;
+    swipeElement(
+      target: AgentTarget,
+      direction: 'up' | 'down' | 'left' | 'right'
+    ): Promise<AgentActionResult>;
     pressKey(key: 'BACK' | 'HOME' | 'ENTER'): Promise<AgentActionResult>;
     getText(target: AgentTarget): Promise<AgentActionResult>;
     getAttrs(target: AgentTarget): Promise<AgentActionResult>;