DSH Marketplace

superdesign-skill

superdesigndev/superdesign-skill

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.

42128JavaScriptMITSource

Install

Add superdesign-skill to DeepSeek Harness

via npm

Resolves a published tarball rather than cloning the repository, and installs without any extra setup. Swap `web` for your profile name if you run another one.

via GitHub · npm package

Installing from GitHub runs the project's build script, which pnpm blocks until you allowlist it — run the command once and pnpm prints the exact key to add under `allowBuilds` in ~/.dsh/profiles/web/pnpm-workspace.yaml.

Due diligence

Before you install superdesign-skill

  • Source of record: superdesigndev/superdesign-skill — present in the community registry that DSH's own plugin market installs from.
  • Licensed under MIT.
  • Detected: terminal surface. Read the source before granting these.
  • A listing here is not a security review. Plugins run with your agent's permissions.

What superdesign-skill does

Repository tiles flow through a prism into branching design sheets and modular blocks.

superdesign-skill is a DeepSeek Harness plugin that lets an agent design UI and marketing graphics on the Superdesign canvas, rather than generating interface code without a visual drafting stage. It reads the repository to understand the existing UI and design system, stores the system guide at .superdesign/design-system.md, and can create, iterate, branch and fetch design drafts through the superdesign CLI. For existing pages, it can also create replica templates under .superdesign/replica_html_template/<name>.html, which provide the current UI as a baseline for canvas work.

The plugin is intended for developers, product designers and indie hackers working from a coding agent who want to explore page designs, flows and reusable components before implementation. Its terminal surface reaches the repository files it needs to inspect or write and invokes the separately installed superdesign CLI; the CLI must be authenticated with superdesign login. Later sessions can resume project and draft context when the relevant codebase state has not changed.

superdesign-skill is a poor fit when a project only needs direct UI implementation, or when the Superdesign CLI and its canvas workflow are not available. The canvas does not access the codebase directly, so design work on an existing page depends on first producing an accurate replica HTML template. It is also separate from the archived Superdesign VS Code extension.

superdesign-skill documentation

How it behaves

superdesign-skill is invoked through the agent and follows a design workflow rather than a single fixed command. For an existing application, it investigates the relevant UI, creates or updates .superdesign/design-system.md, gathers requirements, and asks whether to design in Superdesign or implement directly. If canvas design is selected, it creates a current-state replica at .superdesign/replica_html_template/<name>.html, then uses that replica and the design-system guide as project context. The replica should describe the current UI only; it is not the place to add the new design.

After project setup, the agent creates a design draft and iterates or branches it using the returned designDraft ID. Flow work is split into planning flow pages and executing flow pages. Existing project, draft, extracted component and source-context information can be retained across sessions.

Commands

The README documents these superdesign CLI operations:

Command Purpose
superdesign search-prompts --query "<keyword>" Search the prompt library by query
superdesign search-prompts --tags "style" Search by tags, optionally with --query
superdesign get-prompts --slugs "<slug1,slug2,...>" Read the compact index for selected prompts
superdesign get-prompts --slugs "<slug>" --full Fetch full prompt bodies
superdesign extract-website --url https://example.com --design-md Extract a site's design DNA into a design guide
superdesign login Authenticate the CLI

The canvas tooling also covers project creation, optional HTML-template seeding, draft creation, draft iteration or replacement, branching, flow-page planning and execution, and fetching a specific draft. CLI output is intended to be read directly; use --json for a full machine-readable payload and --full to expand truncated fields.

Requirements

The README lists support for Claude Code, Cursor, Codex and more than 70 coding agents. It requires the separately installed @superdesign/cli, followed by superdesign login. The README does not specify environment variables, operating-system constraints or CLI authentication defaults.

Written from the project's own documentation and kept in sync with it. Where the two disagree, the source is authoritative — read the README on GitHub

Same category

Alternatives to superdesign-skill

Aegis

GanyuanRan

1.0k

Software-engineering method pack for coding agents, with skills for baseline-first planning, systematic debugging, prompt hygiene, verification before completion, and repair/retirement tracking.

npm packagePythontoday

MisakaNet

Ikalus1988

391

Failure-recovery memory: search and record failure-recovery lessons from real engineering sessions, with BM25 + semantic RAG retrieval and a lessons knowledge base.

GitHub sourcePythontoday

humanizer-ru

Vladimir-Human

100

Cleans AI traces from Russian text: finds chatbot copy-paste artefacts (ChatGPT, Gemini, Grok, Perplexity, DeepSeek) and rewrites the text into natural prose on request; 39 regex markers with an evidence registry, offline, text-only bundle.

No one-line install — this plugin lives inside a larger repository and publishes no npm package.

GitHub sourcePythontoday

Complete reverse-skill pack (85 SKILL.md) as a DeepSeek Harness Cordis plugin: reverse engineering, authorized pentesting and security-research skill router.

npm packagePowerShellyesterday
10

Design-aesthetics skill pack (10 styles: dark SaaS, minimal white, neumorphism, brutalism, glassmorphism, Japanese minimal, bento grid, cyberpunk, vaporwave, art deco) with runnable landing-page demos: tokens, component rules, forbidden lists, and acceptance checklists per style.

npm packageJavaScript2d ago

skills

creght-dev

8

Skills for building websites on the Creght platform: CLI pull/push sync, page and component conventions, CMS, forms, auth, SEO, publishing and version rollback.

npm packageJavaScript2d ago