21st.dev Magic MCP — AI-powered UI component generation via natural language. Access to 21st.dev component library, SVGL brand logos, and real-time preview. Generate React/Tailwind components with /ui command.
日本語の概要は準備中です。原文の説明を表示しています。
Drive the macOS desktop in the background — screenshots, mouse, keyboard, scroll, drag — without stealing the user's cursor, keyboard focus, or Space. Works with any tool-capable model. Load this skill whenever the `computer_use` tool is available.
インストールする前に、エージェントに与えられる指示の中身を確認できます。
You have a computer_use tool that drives the Mac in the background.
Your actions do NOT move the user's cursor, steal keyboard focus, or switch
Spaces. The user can keep typing in their editor while you click around in
Safari in another Space. This is the opposite of pyautogui-style automation.
Everything here works with any tool-capable model — Claude, GPT, Gemini, or an open model running through a local OpenAI-compatible endpoint. There is no Anthropic-native schema to learn.
Step 1 — Capture first. Almost every task starts with:
computer_use(action="capture", mode="som", app="Safari")
Returns a screenshot with numbered overlays on every interactable element AND an AX-tree index like:
#1 AXButton 'Back' @ (12, 80, 28, 28) [Safari]
#2 AXTextField 'Address and Search' @ (80, 80, 900, 32) [Safari]
#7 AXLink 'Sign In' @ (900, 420, 80, 24) [Safari]
...
Step 2 — Click by element index. This is the single most important habit:
computer_use(action="click", element=7)
Much more reliable than pixel coordinates for every model. Claude was trained on both; other models are often only reliable with indices.
Step 3 — Verify. After any state-changing action, re-capture. You can save a round-trip by asking for the post-action capture inline:
computer_use(action="click", element=7, capture_after=True)
mode | Returns | Best for |
|---|---|---|
som (default) | Screenshot + numbered overlays + AX index | Vision models; preferred default |
vision | Plain screenshot | When SOM overlay interferes with what you want to verify |
ax | AX tree only, no image | Text-only models, or when you don't need to see pixels |
capture mode=som|vision|ax app=… (default: current app)
click element=N OR coordinate=[x, y]
double_click element=N OR coordinate=[x, y]
right_click element=N OR coordinate=[x, y]
middle_click element=N OR coordinate=[x, y]
drag from_element=N, to_element=M (or from/to_coordinate)
scroll direction=up|down|left|right amount=3 (ticks)
type text="…"
key keys="cmd+s" | "return" | "escape" | "ctrl+alt+t"
wait seconds=0.5
list_apps
focus_app app="Safari" raise_window=false (default: don't raise)
All actions accept optional capture_after=True to get a follow-up
screenshot in the same tool call.
All actions that target an element accept modifiers=["cmd","shift"] for
held keys.
raise_window=True unless the user explicitly asked you to
bring a window to front. Input routing works without raising.app="Safari") — less noisy, fewer
elements, doesn't leak other windows the user has open.type sends whatever string you give it, respecting the current layout.
Unicode works.key with +-joined names:
cmd+s savecmd+t new tabcmd+w close tabreturn / escape / tab / spacecmd+shift+g go to path (Finder)up, down, left, right, optionally with modifiers.Prefer element indices:
computer_use(action="drag", from_element=3, to_element=17)
For a rubber-band selection on empty canvas, use coordinates:
computer_use(action="drag",
from_coordinate=[100, 200],
to_coordinate=[400, 500])
Scroll the viewport under an element (most common):
computer_use(action="scroll", direction="down", amount=5, element=12)
Or at a specific point:
computer_use(action="scroll", direction="down", amount=3, coordinate=[500, 400])
list_apps returns running apps with bundle IDs, PIDs, and window counts.
focus_app routes input to an app without raising it. You rarely need to
focus explicitly — passing app=... to capture / click / type will
target that app's frontmost window automatically.
When the user is on a messaging platform (Telegram, Discord, etc.) and you
took a screenshot they should see, save it somewhere durable and use
MEDIA:/absolute/path.png in your reply. cua-driver's screenshots are
PNG bytes; write them out with write_file or the terminal (base64 -d).
On CLI, you can just describe what you see — the screenshot data stays in your conversation context.
type. You'll see an
error if the guard fires.fetih tools and enable Computer
Use; the setup will install cua-driver via its upstream script. Requires
macOS + Accessibility + Screen Recording permissions.capture call.
If the UI shifted (new tab opened, dialog appeared), re-capture before
clicking.escape or click the close button) before retrying.type a shell command
that matches the dangerous-pattern block list (curl ... | bash,
sudo rm -rf, etc.). Break the command up or reconsider.computer_usebrowser_* tools — those use a real
headless Chromium and are more reliable than driving the user's GUI
browser. Reach for computer_use specifically when the task needs the
user's actual Mac apps (native Mail, Messages, Finder, Figma, Logic,
games, anything non-web).read_file / write_file / patch, not type into
an editor window.terminal, not type into Terminal.app.まだレビューはありません。使ってみた感想をお寄せください。
概要と使いどころ
21st.dev Magic MCP — AI-powered UI component generation via natural language. Access to 21st.dev component library, SVGL brand logos, and real-time preview. Generate React/Tailwind components with /ui command.
日本語の概要は準備中です。原文の説明を表示しています。
AES CBC/ECB modlarına karşı kriptografik bütünlük saldırıları — bit flipping, IV manipulation, ECB cut-and-paste, CBC-MAC length extension, IV reuse
日本語の概要は準備中です。原文の説明を表示しています。
AES-GCM ve ChaCha20-Poly1305 nonce yeniden kullanımı saldırısı — GF(2^128) polinom kök bulma ile Hash Key kurtarma ve MAC sahteciliği.
日本語の概要は準備中です。原文の説明を表示しています。
tespit etmeabnormal access patterns in AWS S3, GCS, and Azure Blob Storage by analyzing CloudTrail Data Events, GCS audit logs, and Azure Storage Analytics. Identifies after-hours bulk downloads, access from new IP addresses, unusual API calls (GetObject spikes), and potential data exfiltration using statistical baselines and time-series anomaly Tespit.
日本語の概要は準備中です。原文の説明を表示しています。
Perform static and symbolic analysis of Solidity smart contracts using Slither and Mythril to tespit etmereentrancy, integer overflow, access control, and other vulnerability classes before Dağıt:ment to Ethereum mainnet.
日本語の概要は準備中です。原文の説明を表示しています。
Parses Kubernetes API server audit logs (JSON lines) to tespit etmeexec-into-pod, secret access, RBAC modifications, privileged pod creation, and anonymous API access. Builds threat Tespit rules from audit event patterns. Use investigating yaparken Kubernetes cluster compromise or building k8s-specific SIEM Tespit rules.
日本語の概要は準備中です。原文の説明を表示しています。