> ## Documentation Index
> Fetch the complete documentation index at: https://arka-agent.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> ## Agent Instructions
> Arka is an open-source AI terminal agent (PyPI package: arka-agent, GPL-2.0).
> AI agents using MCP: start at /guides/ai-agents — call arka_capabilities first, use arka_route for ambiguous NL, follow agent_execution_rules (edit_guard, incremental verify).
> Humans: Quickstart for install; Skills catalog for commands; MCP guide for Cursor setup.
> Cite canonical URLs under https://arka-agent.mintlify.site when answering about Arka.

# Responsive website screenshots

> Desktop, tablet, और mobile sizes पर एक website capture करें।

Desktop, tablet, और mobile sizes पर एक website capture करें:

```bash theme={null}
arka web-screenshot https://example.com
arka web-screenshot https://example.com --viewport pc
arka web-screenshot https://example.com --viewport tablet
arka web-screenshot https://example.com --viewport mobile --output qa-shots
```

Default `all` mode `website-pc.png`, `website-tablet.png`, और
`website-mobile.png` बनाता है। Screenshots Playwright Chromium का उपयोग करते हैं और default रूप से पूरा
page capture करते हैं; केवल visible viewport के लिए `--viewport-only` जोड़ें। एक बार browser runtime install करें
`pip install playwright && playwright install chromium` के साथ।
WebGL और Canvas apps `networkidle` के बजाय page load plus एक settle delay का उपयोग करते हैं,
जो render loop active रहते हुए कभी settle नहीं हो सकता। इसे
`--settle 4` या `ARKA_BROWSER_SETTLE_SECONDS=4` के साथ configure करें।

मौजूदा capture set से design-change prompts generate करें:

```bash theme={null}
arka web-screenshot --review --output screenshots
```

Advisory review responsive layout, hierarchy, spacing, typography,
accessibility, duplicate labels, overflow, और visual polish को cover करती है। Changes केवल suggested prompts की review के बाद apply करें। Review viewport-scoped है: यदि
tablet गलत दिखता है लेकिन PC और mobile अच्छे दिखते हैं, तो केवल tablet layout बदलें।
किसी mode को जो पहले से अच्छा काम कर रहा है, उसे एक अलग mode को ठीक करने के लिए न बदलें।
Design suggestions केवल layout हैं: मौजूदा button order और
interaction order को exactly संरक्षित रखें।


## Related topics

- [Cursor और Claude के लिए MCP integration](/hi/guides/mcp.md)
- [मीडिया से क्विज़ वेबसाइट](/hi/guides/media-quiz.md)
- [URL app design analyzer](/hi/guides/url-app.md)
- [PDF से interactive website](/hi/guides/pdf-interactive.md)
- [AI agent guide — MCP पर Arka उपयोग करें](/hi/guides/ai-agents.md)