SkillHub

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforces restrained composition, image-led hierarchy, cohesive content structure, and tasteful motion while avoiding generic cards, weak branding, and UI clutter.

Implement end-to-end testing for web applications using HTTP requests. Use when the task requires API endpoint testing, request/response validation, or integration testing. Triggers: API testing, endpoint validation, HTTP test, integration test, e2e test.

Use when the task requires automating a real browser from the terminal (navigation, form filling, snapshots, screenshots, data extraction, UI-flow debugging) via `playwright-cli` or the bundled wrapper script.

Persistent browser and Electron interaction through `js_repl` for fast iterative UI debugging.

Transform natural language feature requirements into standardized YAML definitions. Use when formalizing user stories, creating feature YAML files, modeling product features, or reviewing feature definitions. Triggers: feature design, product spec, requirement modeling, YAML definition.

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".

Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.

Browser-based testing and debugging toolkit for web applications using Playwright. Use when verifying frontend behavior, capturing screenshots, inspecting browser logs, or debugging UI issues in local or deployed web apps. Triggers: web app test, UI test, screenshot capture, browser debugging, frontend verification.

Domain-enhanced guidance for building collaborative features with Yjs CRDT, including architecture patterns, provider choices, and operational troubleshooting.

Use for: 新电脑拉取 ylapp 后一键完成本地部署与启动。Triggers: 本地部署, 本地启动, 新电脑环境初始化, 启动 ylapp, local bootstrap, run ylapp locally.