Plugins

DeepSeek Harness plugin: the claude-slides skill from baoyu-design. The agent writes editable slide decks as files and opens them in a local slide editor.

Design skill for UI and marketing graphics on the Superdesign canvas: reads the repo for context, extracts its design system, then generates and iterates branchable design drafts, flow pages, and reusable components through the Superdesign CLI.

OpenPencil design preview and editing plugin.

Oil UI 的 DeepSeek Harness 原生插件，支持自动切换本地安装的 Oil UI Pro

OpenPencil design preview and editing plugin.

Browse UI design references and interaction examples, take design quizzes, and export learning notes as Markdown.

Design workbench in the right sidebar. Its tools sit in floating groups at the canvas corners and a bottom dock with text labels, and a home screen offers one prompt box, recent designs and large template cards. When the home screen's style is Auto, the plugin picks a style card that fits the subject and hands its colors and fonts to the model; your own words, a chosen card, a reference image or a default brand design system take precedence. Each design gets its own folder. When a design needs photos, the model can copy from a library of 64 AI-generated placeholder images in 8 themes (about 8 MB, downloaded from npm the first time they are needed; made with OpenAI image generation and screened by a person, not real places, products or people); export and handoff remind you to replace them before launch. When the model builds web pages, app screens, desktop app windows, WeChat mini programs, posters, slides, emails or diagrams (mind maps, grant-proposal style technical route charts, product roadmaps and architecture diagrams, with lines and arrows laid out automatically and a fixed size for export to Word or PowerPoint), each HTML file shows up as a screen on a canvas inside a device frame and refreshes when the file changes; screens far from the view show a background thumbnail and load the live page when you move closer; while the model writes a page, the sidebar grows with it and a few cursors draw boxes, fill colors and type where it is writing, with a timer in the status bar; local dev servers are proxied with hot reload intact, and an existing HTML file or folder opens by browsing or by dragging it into the sidebar (desktop app). A design library gathers every design you made in any session, your saved inspiration (reference images, URLs, style cards) and a design market of shared templates, design systems and style cards (16 templates, 3 design systems and 20 style cards to start; search, filters, full-size screens and a live view; an offline copy ships with the plugin): start from one in a click, or share your own design to the market after a personal-data scan and an offline design check; after connecting GitHub once (public repositories only), submitting takes one click, and the web form still works. Mini program screens get the WeChat capsule in the top-right corner, which turns white over a dark top bar, and the design check flags text and buttons hidden under it. App and mini program screens follow platform layout (status and nav bars, a tab bar of 2 to 5 items, safe areas), desktop app screens get macOS traffic lights or Windows caption buttons, and the design check flags content under the Dynamic Island, the home indicator or the window buttons. Click an element or drag a region to put its selector, source file and styles into the composer, or draw on the preview (pen, highlighter, arrow, box, circle, text) and hand the marked-up screenshot to the model; picks, markup and style changes appear in the composer as small chips while the model still gets the full text. It can extract a brand design system from your website or project (colors by role, fonts, type scale, radius, shadows, buttons, inputs and cards) and use it for every new design. The model adds a few tweak sliders to each design (spacing, radius, brand color, layout variants) that update all screens live and write back to the stylesheet in one click. A finished design can be turned into React, Vue, Next.js or plain HTML code, or for mini programs into uni-app or native WeChat code; existing uni-app (including HBuilderX projects without package.json), Taro and native mini program projects are recognized so new pages go straight in, and each built screen is diffed pixel by pixel against the design. Also has a design tokens panel, twenty style presets (each a live sample screen you can open full size), a style panel (font size, colors, radius, padding and more) that writes back to the HTML or hands the change to the model together with the CSS rule and line behind each property, versions saved before and after each turn with drag-to-compare and restore, export to images, PDF and PPTX (links between screens stay clickable), a LAN QR link for viewing on a phone, link arrows and a click-through try-it mode, a multi-size view, in-place text editing, reference-image palettes, and a design check (overflowing, clipped or overlapping text, contrast, tap target size and more). Bundles a ui-design skill and seven tools: preview_page opens a preview; check_design measures every screen at real sizes in a hidden local Chrome or Edge (bars covering content, script errors, missing assets, dead links; CSS file and line for contrast and font-size issues; cropped screenshots of serious problems); look_design hands real screenshots to the model; extract_design_system builds a design system from a site or project; handoff_design writes a handoff pack (screenshots, routes, tokens, shared components); compare_design diffs the built local page against the design and marks what differs. find_photos copies matching placeholder photos from the photo library into the design. Adds a Design mode for new sessions (Standard mode's tools plus the skill, the seven tools and a design persona); each part has its own switch on the Plugins page. When DSH is opened from a phone or another computer, local-file designs are bundled into a sandboxed frame so they still show, and unchanged screens are not sent again. An experimental option, off by default, has the model also write business annotations (rules, states and edge cases the UI does not show), shown as numbered markers on the page and cards in the sidebar and passed on in code handoff.

Generates UI wireframes and high-fidelity mockups in DeepSeek Harness with selectable DashScope and Volcengine image providers.

UI design knowledge base: 99 filterable design cards with live demos, implementation prompts and per-design usage notes, plus an agent tool that finds and applies them.

Connects the Google Stitch MCP endpoint as 16 native `mcp__stitch__*` tools for projects, screens and design systems, plus an in-panel card for an API key or OAuth access token.

Requires the ui-ux-pro-max design skill to be installed; this plugin only gates it. Adds a switch to the DSH sidebar footer that enables or disables the ui-ux-pro-max design skill at runtime; the choice is stored in the profile settings.

Adds a sidebar entry that opens a card gallery of all Red Fox Community skills from the redfox-community-dsh plugin.

Design I/O for coding agents: controllable UI generation via declarations (spec/domain/craft/design/components/template) and contracts (skill/evaluator). Use for product UI—console, dashboard, agent-ops, CJK-first apps.

Chinese frontend UI design spec for dsh: injects the zh-ui-design skill and prompt rules (section-name headings, no filler copy, one signature element), plus a 10-rule UI copy/style linter.

Reorder the settings panel nav by long-pressing and dragging a section: the dragged row turns translucent and follows the pointer, the order is saved to the plugin's own folder, and uninstalling restores the official order.

18 minimalist color themes for DeepSeek Harness. Pick one with a single click — it's just another plugin.

Design mode for DeepSeek Harness: the design-loop agent preset plus design-principles and design-qa skill packs