Systra Tools

Lists every category of Systra Tools with the number of components in it.

{
  "type": "object",
  "properties": {},
  "additionalProperties": false
}

Lists components of the library. Optionally filtered by category slug ('heros', 'forms', 'cta').

{
  "type": "object",
  "properties": {
    "category": {
      "type": "string",
      "description": "Category slug to filter by (optional)."
    }
  },
  "additionalProperties": false
}

Searches components by a keyword in the name or the category and returns the matches.

{
  "type": "object",
  "properties": {
    "query": {
      "type": "string",
      "description": "Search term."
    }
  },
  "required": [
    "query"
  ],
  "additionalProperties": false
}

Returns the complete, copy-ready React/TSX source of a component by its name.

{
  "type": "object",
  "properties": {
    "name": {
      "type": "string",
      "description": "Component name, e.g. 'OrbitGalleryHero'."
    }
  },
  "required": [
    "name"
  ],
  "additionalProperties": false
}

Lists the brand styles extracted with the style extractor (colours and fonts of real websites) that can be applied to components.

{
  "type": "object",
  "properties": {},
  "additionalProperties": false
}

Returns every design token of an extracted brand style: colours, typography, CSS variables and the generated DESIGN.md.

{
  "type": "object",
  "properties": {
    "slug": {
      "type": "string",
      "description": "Style slug from list_styles."
    }
  },
  "required": [
    "slug"
  ],
  "additionalProperties": false
}

Returns a component together with the design tokens of a brand style and precise instructions for adapting it, so the component lands directly in your own brand look.

{
  "type": "object",
  "properties": {
    "name": {
      "type": "string",
      "description": "Component name, e.g. 'GradientHeroSection'."
    },
    "style": {
      "type": "string",
      "description": "Style slug from list_styles."
    }
  },
  "required": [
    "name",
    "style"
  ],
  "additionalProperties": false
}

Lists the images of the Systra Tools media library with ready, permanently valid URLs to drop straight in. Optionally filtered by album and format.

{
  "type": "object",
  "properties": {
    "album": {
      "type": "string",
      "description": "Album key to filter by (optional), e.g. 'natur', 'business', 'abstrakt'. Without one, every album is returned."
    },
    "format": {
      "type": "string",
      "enum": [
        "landscape",
        "portrait",
        "square"
      ],
      "description": "Image format to filter by (optional)."
    }
  },
  "additionalProperties": false
}

Searches the media library by a keyword in the title, the file name or the album and returns ready URLs.

{
  "type": "object",
  "properties": {
    "query": {
      "type": "string",
      "description": "Search term, e.g. 'gradient', 'laptop', 'wald'."
    }
  },
  "required": [
    "query"
  ],
  "additionalProperties": false
}

Lists the Instagram post templates of Systra Tools (1080 x 1350). Every template is a single HTML file that can be rebuilt and exported as an image or a video.

{
  "type": "object",
  "properties": {
    "family": {
      "type": "string",
      "enum": [
        "klar",
        "editorial"
      ],
      "description": "Family to filter by (optional): 'klar' are calm informational posts, 'editorial' lives on the image and a serif face."
    }
  },
  "additionalProperties": false
}

Returns a post template as a complete set of working instructions: the HTML file, the export script and the rules on what may be changed. With it the post can be rebuilt and rendered directly.

{
  "type": "object",
  "properties": {
    "slug": {
      "type": "string",
      "description": "Slug of the template, see list_posts."
    },
    "lang": {
      "type": "string",
      "enum": [
        "de",
        "en"
      ],
      "description": "Language of the instructions. English without one."
    }
  },
  "required": [
    "slug"
  ],
  "additionalProperties": false
}

Lists curated page recipes: sensible sequences of sections for complete landing pages (SaaS, coaching, hotel and so on).

{
  "type": "object",
  "properties": {},
  "additionalProperties": false
}

Returns a page recipe: the sequence of sections with the purpose of each one and the complete source of every section. Optionally in the look of a brand style.

{
  "type": "object",
  "properties": {
    "name": {
      "type": "string",
      "description": "Recipe slug from list_recipes, e.g. 'saas-landing'."
    },
    "style": {
      "type": "string",
      "description": "Optional style slug from list_styles."
    }
  },
  "required": [
    "name"
  ],
  "additionalProperties": false
}