Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 9 Monaten •via X (Twitter)

33 Kommentare

Profilbild von Jason Zhou
Jason Zhouvor 9 Monaten

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

Profilbild von Jason Zhou
Jason Zhouvor 9 Monaten

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

Profilbild von Jason Zhou
Jason Zhouvor 9 Monaten

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

Profilbild von Jason Zhou
Jason Zhouvor 9 Monaten

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

Profilbild von Sean Tes
Sean Tesvor 9 Monaten

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

Profilbild von Jason Zhou
Jason Zhouvor 9 Monaten

ahh thanks for reporting, just fixed!

Profilbild von Yash
Yashvor 9 Monaten

crazy🔥 is it opensourced??

Profilbild von Pascal
Pascalvor 9 Monaten

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?

Profilbild von Jason Zhou
Jason Zhouvor 9 Monaten

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

Profilbild von Pascal
Pascalvor 9 Monaten

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

Profilbild von Saïd Aitmbarek
Saïd Aitmbarekvor 9 Monaten

brilliant, can't wait to try your skill rn

Profilbild von Frank
Frankvor 9 Monaten

This.. is... amazing!

Profilbild von tobias
tobiasvor 9 Monaten

wow!

Profilbild von Sangam Pandey
Sangam Pandeyvor 9 Monaten

Tried this for some of my projects and this is insane

Profilbild von Jason Zhou
Jason Zhouvor 9 Monaten

Very cool!

Profilbild von Luceyeon
Luceyeonvor 9 Monaten

Innovative design OS enhances coding agents' creativity exponentially.

Profilbild von SynthesisLedger
SynthesisLedgervor 9 Monaten

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? 🇳🇴

Profilbild von Jason Zhou
Jason Zhouvor 9 Monaten

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

Profilbild von AarynLu
AarynLuvor 9 Monaten

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

Profilbild von Jan
Janvor 9 Monaten

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

Profilbild von Alexander Johonnuson, Founder & CEO
Alexander Johonnuson, Founder & CEOvor 9 Monaten

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

Profilbild von Jason Zhou
Jason Zhouvor 9 Monaten

What CC icons?

Profilbild von NoPanic
NoPanicvor 9 Monaten

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

Profilbild von Jared Smith
Jared Smithvor 9 Monaten

yeah but does it suck by dick !?

Profilbild von Orbit
Orbitvor 9 Monaten

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 🚀

Profilbild von seeyuh✌️
seeyuh✌️vor 9 Monaten

what are you rendering canvas with ?

Profilbild von ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎
︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎ ︎vor 9 Monaten

@llmnoone ISSO É DO CARALHO

Profilbild von solontag | Deriverse
solontag | Deriversevor 9 Monaten

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

Profilbild von Matt Cimino
Matt Ciminovor 9 Monaten

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

Profilbild von Jason Zhou
Jason Zhouvor 9 Monaten

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

Profilbild von anonymous architech
anonymous architechvor 9 Monaten

can you run this in a local model?

Profilbild von Jason Zhou
Jason Zhouvor 9 Monaten

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

Profilbild von anonymous architech
anonymous architechvor 9 Monaten

unironicaly a noob how would one set this up

Ähnliche Videos