Custom Integrations

// Example: Retrieve brand color guidelines for use as LLM context
const pageContent = await fetch(
  `https://api.standards.site/beta/workspace/${workspaceId}/project/${projectId}/page/color`,
  { headers: { Authorization: `Bearer ${accessToken}` } }
);

const { content } = await pageContent.json();

// Pass content as context to your LLM of choice
const prompt = `Using these brand color guidelines:\n\n${content}\n\nSuggest a color palette for a new landing page.`;

// Example: Retrieve all pages for indexing
const pagesResponse = await fetch(
  `https://api.standards.site/beta/workspace/${workspaceId}/project/${projectId}/pages`,
  { headers: { Authorization: `Bearer ${accessToken}` } }
);

const { pages } = await pagesResponse.json();

for (const page of pages) {
  const pageResponse = await fetch(
    `https://api.standards.site/beta/workspace/${workspaceId}/project/${projectId}/page/${page.id}`,
    { headers: { Authorization: `Bearer ${accessToken}` } }
  );
  const { content } = await pageResponse.json();

  // Embed and store in your vector database
  await vectorDb.upsert({
    id: page.id,
    text: content,
    metadata: { name: page.name, source: 'standards' }
  });
}

// Example: Retrieve styles for design token generation
const stylesResponse = await fetch(
  `https://api.standards.site/beta/workspace/${workspaceId}/project/${projectId}/styles`,
  { headers: { Authorization: `Bearer ${accessToken}` } }
);

const { colors, types } = await stylesResponse.json();

// Generate design tokens from brand styles
const tokens = {
  colors: Object.fromEntries(colors.map(c => [c.id, c.hex])),
  typography: Object.fromEntries(types.map(t => [t.id, {
    family: t.family,
    size: t.size,
    weight: t.leading
  }]))
};