Design

UI/UX design intelligence for web, mobile, and desktop.

Documentation reference for using Browser Use Cloud — the hosted API and SDK for browser automation.

Optimize REA providers and shared analysis workflows for agent context, latency, CPU, and memory while preserving correctness and Evidence.

Review frontend code under `web/` or `packages/dify-ui/` when the user explicitly requests a review or audit.

Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine…

Systematically explore and test a web application to find bugs, UX issues, and other problems.

Drive a locally built server with a real client: the Inspector CLI (scripted), the Inspector web UI (by hand) and an LLM client.

tasteskill v2, the anti-slop frontend skill.

Design and implement VPCs and networking.

Use when writing or changing Vitest or React Testing Library tests under `web/` or `packages/dify-ui/`, or when the user explicitly requests frontend test…

Design or change REA investigation tools, CLI/MCP contracts, provider capabilities, and Evidence semantics.

Measure mesh files against Design for Additive Manufacturing (DfAM) rules and report printability findings per process (FDM, SLS, SLA/DLP, metal PBF, MJF).

Design-for-manufacturing review of a part for sheet metal, CNC machining, or injection molding - bends, reliefs and flat patterns; machining access, internal…

Guide for creating effective skills that extend agent capabilities with specialized knowledge, workflows, or tool integrations.

Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol.

Capture a Textual terminal UI as an SVG using its headless test harness.

妙搭（Spark/Miaoda）应用开发与托管：应用创建、本地全栈开发、云端生成迭代、创意设计（UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索）、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV…

Use when starting a non-trivial feature, refactor, or multi-file change.

Use when validating UI changes in a branch require Playwright E2E testing.

Use when opening or finalizing a GitHub PR for OpenMetadata.

Use during PR creation for a UI feature or feature task.

Run the exact ESLint + Prettier + organize-imports sequence that CI's `UI Checkstyle` workflow runs — on just the files the PR changed — and fail the task if…

Use when writing or editing React/TSX in `openmetadata-ui/src/main/resources/ui/src/` or `openmetadata-ui-core-components/`, before reaching for a raw `<div>`…

Build a new OpenMetadata connector from scratch — scaffold JSON Schema, Python boilerplate, and AI context using schema-first architecture with code…