@getdesign/sdk

Generate production-ready design.md specs from live websites.

@getdesign/sdk captures a rendered landing page, analyzes visual style and CSS tokens, and returns a structured design system plus ready-to-save markdown. It runs on your own machine or server with request-scoped Daytona and OpenAI credentials, so your keys stay under your control.

Install

bun add @getdesign/sdk

Runtime note: the SDK currently targets Bun/server environments with enough time for browser capture and LLM generation. It is not a browser or edge-runtime client.

Preview

import { getDesign } from "@getdesign/sdk";

const system = await getDesign("https://cursor.com", {
  credentials: {
    daytonaApiKey: process.env.DAYTONA_API_KEY,
    openaiApiKey: process.env.OPENAI_API_KEY,
  },
});
console.log(system.markdown);

Streaming

import { streamDesign } from "@getdesign/sdk";

for await (const event of streamDesign("https://linear.app", {
  credentials: {
    daytonaApiKey: process.env.DAYTONA_API_KEY,
    openaiApiKey: process.env.OPENAI_API_KEY,
  },
})) {
  if (event.type === "progress") console.log(event.event);
  if (event.type === "result") console.log(event.result.markdown);
}

MIT © getdesign