菜单
Use when a user asks to open, browse, capture, screenshot, or record a website/page; mentions browser tabs, visible Browser panel, screen recording, web navigation, website interaction, or browser automation; or when choosing between `sero browser`, `sero app record`, and `automation_browser`.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | sero-browser |
| description | Use when a user asks to open, browse, capture, screenshot, or record a website/page; mentions browser tabs, visible Browser panel, screen recording, web navigation, website interaction, or browser automation; or when choosing between `sero browser`, `sero app record`, and `automation_browser`. |
Use the visible Sero Browser panel for user-facing web browsing and recordings. Use hidden automation only when the user explicitly asks for headless/runtime browser automation or when testing a locally running app.
sero-cli for visible browser tasks.sero browser show.sero browser goto <url>.sero browser open <url> only when the user asks for a new tab/window or multiple pages side-by-side.sero browser list before opening anything new.sero browser get-text over screenshots.sero browser scroll --amount <px> or sero browser scroll --direction up --amount <px>; do not use sero app scroll for Browser pages.sero browser screenshot only when visual evidence is needed.For prompts like “record the browser while opening a site”:
sero browser showsero browser goto <initial-url>sero app record startsero browser goto <next-url> or sero browser navigate <tab-id> <url>sero app record stop as its own separate command.You may batch browser show, initial navigation, app record start, and intermediate browser goto commands when that is convenient. Do not include app record stop in the same multi-command invocation as the final browser goto, because the recording can stop before the last page renders.
Do not use sero app screenshot --app web or open the web app for browser pages. The web app/plugin is separate from the Sero Browser panel.
sero browser open during one task.goto to reuse the active tab.navigate <tab-id> <url> only when you intentionally selected a tab from sero browser list.automation_browser is hidden. It does not create visible tabs and is not captured by sero app record / sero app screenshot.
Use automation_browser for:
Do not use automation_browser for user-facing browsing or visible screen recordings.
goto for each navigation; wait 3–5 seconds after the table page loads, then stop app recording in a separate command.sero browser show, sero browser goto <url> if needed, then sero browser screenshot.automation_browser is acceptable unless the user asks for visible recording.Create Sero plugins — self-contained packages with a Pi extension (agent tools/commands), an optional React UI loaded via Module Federation, and an optional background runtime. Use when the user asks to create a Sero plugin/app/extension, add a sidebar panel, dashboard widget, or agent-integrated feature, or convert a Pi extension into a Sero plugin. Trigger on phrases like "create a plugin", "new Sero app", "add a tool with UI", "build an extension", "convert this Pi extension", or any request that touches `plugins/sero-*-plugin/`.
Create Sero plugins — self-contained packages with a Pi extension (agent tools/commands), an optional React UI loaded via Module Federation, and an optional background runtime. Use when the user asks to create a Sero plugin/app/extension, add a sidebar panel, dashboard widget, or agent-integrated feature, or convert a Pi extension into a Sero plugin. Trigger on phrases like "create a plugin", "new Sero app", "add a tool with UI", "build an extension", "convert this Pi extension", or any request that touches `plugins/sero-*-plugin/`.
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.
Build, redesign or standardise Sero dashboard widgets and compact plugin views using the shared @sero-ai/ui dashboard components. Use when the user asks to create, restyle, clean up or make consistent a dashboard widget or a data-dense plugin view. Trigger on phrases like "dashboard widget", "widget for the dashboard", "restyle this widget", "make the widget consistent", "compact plugin view", or any work under a plugin's `ui/widgets/`.
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.