Menu

#929 by GitHub stars

superdesigndev/superdesign-skill

Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas with a choice of leading AI models. Use whenever the user wants to design a page, feature, flow, slide deck, or brand-new product; improve or reproduce existing UI; compare design results across top models; explore

Claude CodeCodexDesignEngineering

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

skills/superdesign/SKILL.md

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Network or broad shell

First observation → f9f05cd988c2

No earlier version was observed for comparison.

Compare on GitHub

View on GitHubAdd to my skills

Verified commit f9f05cd988c247dce6c072eaf9ac6b162f2ffc4b

git clone --filter=blob:none --no-checkout https://github.com/superdesigndev/superdesign-skill.git .hotskills/superdesigndev-superdesign-skill && git -C .hotskills/superdesigndev-superdesign-skill checkout --detach f9f05cd988c247dce6c072eaf9ac6b162f2ffc4b # Copy each selected skill directory from .hotskills/superdesigndev-superdesign-skill into .claude/skills/<skill-name>/
git clone --filter=blob:none --no-checkout https://github.com/superdesigndev/superdesign-skill.git .hotskills/superdesigndev-superdesign-skill && git -C .hotskills/superdesigndev-superdesign-skill checkout --detach f9f05cd988c247dce6c072eaf9ac6b162f2ffc4b # Copy each selected skill directory from .hotskills/superdesigndev-superdesign-skill into .agents/skills/<skill-name>/
954GitHub stars
28stars in 7 days
1skill in this repository
0commits in 30 days

Heat

6.8
  • Star growth, last 7 daysAhead of 94% of tracked repositories
  • Star growth, last 24 hoursAhead of 95% of tracked repositories
  • Rank movement, last 7 daysAhead of 79% of tracked repositories
  • Commits, last 30 daysAhead of 0% of tracked repositories
  • Accounts asking about it through MCP, last 7 daysNot available
  • Hot votes this weekAhead of 0% of tracked repositories

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Jul 31, 2026Nov 6, 2026954

Individual skills in this repository

How it works

superdesign

When your agent uses it

Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas with a choice of leading AI models. Use whenever the user wants to design a page, feature, flow, slide deck, or brand-new product; improve or reproduce existing UI; compare design results across top models; explore visual variants; set or extract a design system; build reusable components or multi-page flows; create presentations; or create posters and marketing graphics, even if they never say the word 'design tool'. Also supports generating supporting image or video assets when a design needs them.

What it loads into context

Frontmatter

120 tokens

Always available to the agent

SKILL.md

3,635 tokens

When the skill is activated

Reference documents

28,049 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

  1. When a command fails
  2. Command examples
  3. Browser Choice

Files

  • ../../.claude-plugin/marketplace.jsonasset596 bytes
  • ../../.claude-plugin/plugin.jsonasset969 bytes
  • INIT.mddoc438 bytes
  • SKILL.mdcore16,532 bytes
  • SKILL.mdcore16,532 bytes
  • SKILL.mdcore16,532 bytes
  • SKILL.mdcore16,532 bytes
  • SKILL.mdcore16,532 bytes
  • SKILL.mdcore16,532 bytes
  • SKILL.mdcore16,532 bytes
  • SKILL.mdcore16,532 bytes
  • SUPERDESIGN.mddoc459 bytes
  • agents/openai.yamlasset192 bytes
  • references/ASSET_GENERATION.mddoc6,377 bytes
  • references/COMPONENTS.mddoc4,756 bytes
  • references/GRAPHIC.mddoc16,510 bytes
  • references/INIT.mddoc8,379 bytes
  • references/PRESENTATION.mddoc13,362 bytes
  • references/RESUME.mddoc21,554 bytes
  • references/SUPERDESIGN.mddoc48,403 bytes
  • references/WEBSITE.mddoc4,648 bytes
  • references/design-with-your-model.mddoc3,193 bytes
Read SKILL.md

Superdesign helps you find design inspiration and generate or iterate design drafts on an infinite canvas, with multiple leading models available for different design tasks and side-by-side exploration. When a design needs a new visual asset, it can also provide image and video generation.

---

# Core scenarios (what this skill handles)

1. **Analyze a codebase for design work** — `superdesign init` builds reusable UI context in `.superdesign/init/`; read [INIT.md](references/INIT.md).
2. **Design, reproduce, or improve UI** — create pages, features, flows, and new products on the canvas; read [SUPERDESIGN.md](references/SUPERDESIGN.md).
3. **Choose and compare leading design models** — run `list-models`, select a model suited to the task, or use different models to explore independent directions.
4. **Create design systems and reusable components** — establish visual foundations, extract patterns, and design connected multi-page experiences.
5. **Design from a live website or reference URL** — extract and apply its design language; read [WEBSITE.md](references/WEBSITE.md).
6. **Create or export presentations** — plan an editable slide outline, approve it in chat, generate a real presentation draft, make slide-safe edits, or reconstruct an editable PPTX when requested and supported; read [PRESENTATION.md](references/PRESENTATION.md).
7. **Create graphics** — posters, covers, social posts, thumbnails, flyers, and ads; read [GRAPHIC.md](references/GRAPHIC.md).
8. **Generate supporting images or video** — use native image generation when appropriate or choose from Superdesign's generation models; read [ASSET_GENERATION.md](references/ASSET_GENERATION.md).
View the complete source on GitHub

Skills included

  • superdesign

Repository facts

License
MIT
Created
Jan 21, 2026
Last pushed
Aug 21, 2026
Forks
74
Open issues
7
Project activity
Slowing

Rank over the last 12 weeks

Now #929 · best #761 · up 11 in 30 days

  1. #928 on Oct 30
  2. #930 from Oct 31 to Nov 1
  3. #932 on Nov 2
  4. #931 on Nov 3
  5. #932 on Nov 4
  6. #929 since Nov 5
81 earlier periods
  1. #992 on Aug 1
  2. #836 on Aug 7
  3. #837 on Aug 8
  4. #839 on Aug 9
  5. #875 on Aug 10
  6. #877 on Aug 11
  7. #872 on Aug 12
  8. #878 on Aug 13
  9. #859 on Aug 14
  10. #831 on Aug 15
  11. #852 on Aug 16
  12. #857 on Aug 17
  13. #877 on Aug 18
  14. #869 on Aug 19
  15. #858 on Aug 20
  16. #867 on Aug 21
  17. #814 on Aug 22
  18. #871 on Aug 23
  19. #883 on Aug 24
  20. #893 on Aug 25
  21. #879 on Aug 26
  22. #881 on Aug 27
  23. #914 on Aug 28
  24. #830 on Aug 29
  25. #834 on Aug 30
  26. #878 on Aug 31
  27. #913 on Sep 1
  28. #884 on Sep 2
  29. #888 on Sep 3
  30. #850 on Sep 4
  31. #824 on Sep 5
  32. #858 on Sep 6
  33. #886 on Sep 7
  34. #903 on Sep 8
  35. #888 on Sep 9
  36. #887 on Sep 10
  37. #853 on Sep 11
  38. #849 on Sep 12
  39. #851 on Sep 13
  40. #884 on Sep 14
  41. #875 on Sep 15
  42. #889 on Sep 16
  43. #886 on Sep 17
  44. #866 on Sep 18
  45. #842 on Sep 19
  46. #862 on Sep 20
  47. #880 on Sep 21
  48. #899 on Sep 22
  49. #889 on Sep 23
  50. #851 on Sep 24
  51. #807 on Sep 25
  52. #828 on Sep 26
  53. #847 on Sep 27
  54. #895 on Sep 28
  55. #923 on Sep 29
  56. #891 on Sep 30
  57. #834 on Oct 1
  58. #820 on Oct 3
  59. #860 on Oct 4
  60. #878 on Oct 5
  61. #864 on Oct 6
  62. #903 on Oct 7
  63. #940 on Oct 8
  64. #903 on Oct 9
  65. #882 on Oct 10
  66. #879 on Oct 11
  67. #905 on Oct 12
  68. #903 on Oct 13
  69. #889 on Oct 14
  70. #828 on Oct 15
  71. #821 on Oct 16
  72. #791 on Oct 17
  73. #775 on Oct 18
  74. #813 on Oct 19
  75. #815 on Oct 20
  76. #824 on Oct 21
  77. #799 from Oct 22 to Oct 23
  78. #761 on Oct 24
  79. #921 on Oct 25
  80. #929 on Oct 28
  81. #927 on Oct 29

Before you install

Network or broad shell

Automated signals, not a guarantee

Checked Nov 4, 2026

Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.

Show 7 notes
  • skills/superdesign/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/superdesign/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/superdesign/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/superdesign/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/superdesign/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/superdesign/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • skills/superdesign/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
Show all 32 signals by file

.claude-plugin/marketplace.json

  • Network accessline 1
    {   "$schema": "https://json.schemastore.org/claude-code-marketplace.json",
  • Network accessline 2
    "$schema": "https://json.schemastore.org/claude-code-marketplace.json",
  • Network accessline 6
    "name": "Superdesign dev, Inc.",     "email": "support@superdesign.dev",     "url": "https://superdesign.dev"
  • Network accessline 7
    "email": "support@superdesign.dev",     "url": "https://superdesign.dev"   },
  • Network accessline 8
    "url": "https://superdesign.dev"

.claude-plugin/plugin.json

  • Network accessline 1
    {   "$schema": "https://json.schemastore.org/claude-code-plugin-manifest.json",
  • Network accessline 2
    "$schema": "https://json.schemastore.org/claude-code-plugin-manifest.json",
  • Network accessline 8
    "name": "Superdesign dev, Inc.",     "email": "support@superdesign.dev",     "url": "https://superdesign.dev"
  • Network accessline 9
    "email": "support@superdesign.dev",     "url": "https://superdesign.dev"   },
  • Network accessline 10
    "url": "https://superdesign.dev"
  • Network accessline 11
    },   "homepage": "https://superdesign.dev",   "repository": "https://github.com/superdesigndev/superdesign-skill",
  • Network accessline 12
    "homepage": "https://superdesign.dev",
  • Network accessline 13
    "repository": "https://github.com/superdesigndev/superdesign-skill",

skills/superdesign/INIT.md

  • Network accessline 3
    This file moved to `references/INIT.md` in this skill directory. If reading this through a raw GitHub URL, fetch and follow https://raw.githubusercontent.com/superdesigndev/superdesign-skill/main/skills/superdesign/references/INIT.md.
  • Network accessline 4
    If reading this through a raw GitHub URL, fetch and follow https://raw.githubusercontent.com/superdesigndev/superdesign-skill/main/skills/superdesign/references/INIT.md.

skills/superdesign/SKILL.md

  • Network accessline 36
    - **Any other harness** (a coding agent whose shell is unavailable or disabled) — do NOT send the ChatGPT copy; there is no Work tab to switch to. Say plainly that Superdesign drives its CLI over the shell, that this session cannot run shel
  • Network accessline 135
    Every project/draft command's default output includes a `canvas:` link (the project canvas, `https://superdesign.dev/teams/<teamId>/projects/<projectId>`) and, for drafts, a `preview:` link (`https://superdesign.dev/preview/draft/<draftId>`

skills/superdesign/SUPERDESIGN.md

  • Network accessline 3
    This file moved to `references/SUPERDESIGN.md` in this skill directory. If reading this through a raw GitHub URL, fetch and follow https://raw.githubusercontent.com/superdesigndev/superdesign-skill/main/skills/superdesign/references/SUPERDE
  • Network accessline 4
    If reading this through a raw GitHub URL, fetch and follow https://raw.githubusercontent.com/superdesigndev/superdesign-skill/main/skills/superdesign/references/SUPERDESIGN.md.

skills/superdesign/references/COMPONENTS.md

  • Network accessline 9
    1. Before converting the component, resolve the appropriate logo selected by the source UI or user from the project's Brand Assets. On a cold flow, upload the selected local logo first with `--purpose brand --type logo`, a stable repo-relat
  • Network accessline 10
    2. Hardcode that exact public `https://` URL in an `<img>` inside every logo-bearing template. Preserve the source alt text, dimensions, and layout treatment.
  • Network accessline 90
    <nav class="flex items-center gap-4 px-6 py-3 bg-white border-b">   <img     src="https://cdn.example.com/brand/logo.svg"
  • Network accessline 91
    <img     src="https://cdn.example.com/brand/logo.svg"     alt="Project logo"
  • Network accessline 92
    src="https://cdn.example.com/brand/logo.svg"

skills/superdesign/references/GRAPHIC.md

  • Instruction override signalline 21
    Draft a concrete proposal yourself, then confirm it with the user in a SINGLE round using your question/confirmation mechanism. Skip confirmation entirely when the user already gave full specs or says to generate directly.

skills/superdesign/references/RESUME.md

  • Network accessline 71
    - `contextFiles` stores the exact, already-budgeted `--context-file` arguments, including line ranges. Do not rediscover or reread them on an ordinary warm resume; after the trust checks below, pass the validated entries to the next generat
  • Network accessline 72
    - `referenceIds` optionally stores only the curated canvas image-node ids and Brand Asset keys that remain relevant to this target. It never stores local paths or implies permission to upload again. Final-content URLs remain in the prompt/d
  • Network accessline 73
    - `brandAssets.logo` records the selected logo's Brand Asset key, canonical public URL, and optional safe repo-relative source path. Validate `assetKey` like a reference id, require an `https://` URL, and apply the normal repository-contain

skills/superdesign/references/SUPERDESIGN.md

  • Network accessline 101
    Generated/imported HTML may reference only public `https://` (or intentional `data:`) asset URLs. Never emit `/logo.svg`, `./image.png`, `../...`, `file://...`, or a machine-local absolute path; upload first and use the returned public URL.

skills/superdesign/references/WEBSITE.md

  • Network accessline 9
    - **Direct public image URL** — materialize it as an external temporary file, then use the normal `upload-asset` purpose routing. Accept only an explicit `http://` or `https://` URL whose final response is a supported raster image or safe S

skills/superdesign/references/design-with-your-model.md

  • Network accessline 5
    1. Run `npx --yes @superdesign/cli@latest import-design-draft --help` and follow its HTML contract. 2. Author one complete draft document in `.superdesign/tmp/<name>.html` using the context already gathered for the normal design path. Resol
  • Network accessline 6
    2. Author one complete draft document in `.superdesign/tmp/<name>.html` using the context already gathered for the normal design path. Resolve all JSX/React residue to literal HTML. Every embedded asset must use its uploaded public `https:/

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

Signal confidence: 1 fact

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeNativeManifest .claude-plugin/marketplace.json.claude/skills/<skill-name>/
CodexNativeManifest AGENTS.md.agents/skills/<skill-name>/
CursorCompatibleStandard SKILL.md skills/superdesign/SKILL.md.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md skills/superdesign/SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md skills/superdesign/SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard SKILL.md skills/superdesign/SKILL.md.opencode/skills/<skill-name>/
  • Native The repository ships a manifest, folder or frontmatter field for this agent.
  • Compatible A standard SKILL.md that this agent can read.
  • Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.

You might also use

oil-oil/oil-ui

设计、改进和评审网站、App、后台与组件的界面：探索设计方向、生成多风格同屏对比页，并基于真实截图打磨视觉层级；按请求交付对比页、设计说明、设计稿或可运行界面。只负责设计判断，不用于…

2.9kGitHub stars

AbubakrChan/product-launch-motion

Claude Code skill for Dribbble-level product launch videos from code. One shape that never cuts, springs, a cursor that drives every change, beat-synced SFX, 60 fps motion blur. v…

427GitHub stars

Leonxlnx/taste-skill

tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One Page Love, Awwwards Sites of the Day). Deals rese…

111.2kGitHub stars

coreyhaines31/marketingskills

Marketing skills for Claude Code and AI agents. CRO, copywriting, SEO, analytics, and growth engineering.

58.9kGitHub stars

zhuyansen/new-term-radar

Daily radar for new AI terms: names of new models, products and repos, caught on X, Hugging Face, GitHub and sitemaps before keyword tools list them.

2.1kGitHub stars

bitwize-music-studio/claude-ai-music-skills

Human + AI music production workflow for Suno - skills, templates, and tools

636GitHub stars

Explore alternatives and comparisons

Add this badge to your README

It updates every night and links to this page.

superdesigndev/superdesign-skill: #929 on hotskills, 954 stars

[![superdesigndev/superdesign-skill on hotskills](https://hotskills.dev/badge/superdesigndev-superdesign-skill.svg)](https://hotskills.dev/skill/superdesigndev-superdesign-skill/)