Loading video...

Video Failed to Load

Go Home

The Design OS for your coding agents $ npx skills add superdesigndev/superdesign-skill - Design w/ full codebase context - Infinite canvas exploration - Built in prompt library Here is how it works 🧵👇

68,032 views • 9 months ago •via X (Twitter)

33 Comments

Jason Zhou's profile picture
Jason Zhou9 months ago

1/ Design w/ full codebase context It extracts style, UI components, user journey directly from your codebase Create a lightweight vibe design playground with full context So that the design make sense

Jason Zhou's profile picture
Jason Zhou9 months ago

2/ Infinite canvas + Parallel design An infinite canvas that Claude code can see & operate Spin up 10 design agents at the same time Orchestrate multiple design explorations What used to take days now takes mins

Jason Zhou's profile picture
Jason Zhou9 months ago

4/ Built-in design prompt knowledge @SuperDesignDev has one of biggest community driven prompt library Now is directly available for your coding agent Bake in your dev workflow

Jason Zhou's profile picture
Jason Zhou9 months ago

How to install: 1/ Install npm install -g @superdesign/cli@latest superdesign login 2/ Initialise skill npx skills add superdesigndev/superdesign-skill Let us know your feedback on @SuperDesignDev

Sean Tes's profile picture
Sean Tes9 months ago

Jason - this is fantastic. Just curious - How are you thinking on this differently from

Jason Zhou's profile picture
Jason Zhou9 months ago

ahh thanks for reporting, just fixed!

Yash's profile picture
Yash9 months ago

crazy🔥 is it opensourced??

Pascal's profile picture
Pascal9 months ago

I'll definitely need to try this. Im struggling super hard with design and this looks super promising. I can just use it from Claude Code right? Do i still have the wireframe/canvas drawing option when using it with Claude Code?

Jason Zhou's profile picture
Jason Zhou9 months ago

Yep you can create wireframe on wireframe tool not added to Claude code yet, but will add later!

Pascal's profile picture
Pascal9 months ago

Means the wireframe and canvas tool doesn't have access to my codebase if i need to do it from your website?

Saïd Aitmbarek's profile picture
Saïd Aitmbarek9 months ago

brilliant, can't wait to try your skill rn

Frank's profile picture
Frank9 months ago

This.. is... amazing!

tobias's profile picture
tobias9 months ago

wow!

Sangam Pandey's profile picture
Sangam Pandey9 months ago

Tried this for some of my projects and this is insane

Jason Zhou's profile picture
Jason Zhou9 months ago

Very cool!

Luceyeon's profile picture
Luceyeon9 months ago

Innovative design OS enhances coding agents' creativity exponentially.

SynthesisLedger's profile picture
SynthesisLedger9 months ago

full context beats token limits every time for agent design flows. infinite canvas is smart for iteration, but does the prompt library enforce consistent schemas to kill output drift? 🇳🇴

Jason Zhou's profile picture
Jason Zhou9 months ago

We are actually restructure the prompt to make things more modular! So one design will be broke down into: - layout prompt - style prompt - component prompt - etc And can be grab individually

AarynLu's profile picture
AarynLu9 months ago

What's the difference with Pencil? It seems to offer more granular control.

Jan's profile picture
Jan9 months ago

Any idea how to get past the "select team" in order to authorize?

Alexander Johonnuson, Founder & CEO's profile picture
Alexander Johonnuson, Founder & CEO9 months ago

Someone was just today posting about CC icons..did you see that?

Jason Zhou's profile picture
Jason Zhou9 months ago

What CC icons?

NoPanic's profile picture
NoPanic9 months ago

订阅了Claude真心不想订阅SuperDesigndev,虽说这个产品真的很棒。

Jared Smith's profile picture
Jared Smith9 months ago

yeah but does it suck by dick !?

Orbit's profile picture
Orbit9 months ago

This looks incredible! I love the approach of giving agents full codebase context for design decisions. If you're looking for a complete workflow, @Orbitbuild pairs really well with SuperDesign. While you're designing with full context, Orbit lets you build, deploy, and ship in the same agent-first environment. Design → Build → Ship, all in one flow 🚀

seeyuh✌️'s profile picture
seeyuh✌️9 months ago

what are you rendering canvas with ?

︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎'s profile picture
︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎9 months ago

@llmnoone ISSO É DO CARALHO

solontag | Deriverse's profile picture
solontag | Deriverse9 months ago

I call this bull-shit-as-a-service

Matt Cimino's profile picture
Matt Cimino9 months ago

@jasonzhou1993 noticed you said also works in Cursor - could you show how that works?

Jason Zhou's profile picture
Jason Zhou9 months ago

We load agent skills (but you need to turn on that beta feature as agent skills is a beta feature in cursor)

anonymous architech's profile picture
anonymous architech9 months ago

can you run this in a local model?

Jason Zhou's profile picture
Jason Zhou9 months ago

It works with open code or any other coding agent, so yeah

anonymous architech's profile picture
anonymous architech9 months ago

unironicaly a noob how would one set this up

Related Videos