메뉴
Headless browser automation for AI agents with comprehensive web interaction capabilities
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
A library of 150 brand and aesthetic design systems (Apple, Stripe, Linear, Vercel, Notion, GitHub, Figma, Spotify, Tesla, and more, plus styles like brutalism, glassmorphism, neumorphism, editorial, minimal). Use when the user wants a UI to look like a brand, match a brand's style or vibe, or adopt a named aesthetic. Read references/<brand>.md for that brand's colors, typography, spacing, radii, and component style before generating any UI.
Apply Anthropic's official brand colors and typography to artifacts for consistent visual identity and professional design standards. A reference for shaping your own.
Create beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, illustrations, and static pieces.
Frontend design and UI/UX development tools for shipping production-ready interfaces with strong typographic and layout discipline.
Apply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages. Ships 10 pre-set themes.
Orchestrates UI and page design. Use when the user asks to design a page, screen, UI, landing page, dashboard, login flow, pricing page, invoice, resume, FAQ, article, slide deck, social card, or any web layout; to make it look like a brand (Apple, Stripe, Linear, Vercel, Notion, ...); or to build a mockup, prototype, wireframe, or HTML preview. Picks a matching layout skill, optionally adopts a brand design system, then writes a single self-contained HTML file to <project>/.devspace/preview/ so DevSpace can preview it.
| name | agent-browser |
| description | Headless browser automation for AI agents with comprehensive web interaction capabilities |
This built-in skill provides headless browser automation capabilities for AI agents to interact with web pages, perform automated testing, scrape data, and handle complex web interactions.
tool: agent-browser
action: scrape
url: "https://example.com"
selectors:
- ".product-title"
- ".price"
- ".description"
tool: agent-browser
action: fill_form
url: "https://login.example.com"
fields:
username: "{{user.username}}"
password: "{{user.password}}"
submit: true
tool: agent-browser
action: screenshot
url: "https://dashboard.example.com"
full_page: true
output_path: "/tmp/dashboard.png"
The agent-browser skill can be configured with the following parameters:
timeout: Maximum time to wait for page load (default: 30s)headless: Run in headless mode (default: true)user_agent: Custom user agent stringviewport: Browser viewport dimensionsproxy: Proxy configuration for network requestsThis skill is essential for any agent that needs to interact with web-based services, perform automated testing, or extract data from websites.