MCP-Server

Systra Tools

tools.systra/systra-tools
Design & Kreativ Entwicklertools Öffentlich und erreichbar MCP 2026-07-28

Was dieses MCP kann

Searches and retrieves React and Tailwind UI components, page recipes, post templates, images, and brand design tokens for building websites.

get_component
Returns the complete, copy-ready React/TSX source of a component by its name.
Eingabeschema
{'type': 'object', 'required': ['name'], 'properties': {'name': {'type': 'string', 'description': "Component name, e.g. 'OrbitGalleryHero'."}}, 'additionalProperties': False}
get_component_styled
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.
Eingabeschema
{'type': 'object', 'required': ['name', 'style'], 'properties': {'name': {'type': 'string', 'description': "Component name, e.g. 'GradientHeroSection'."}, 'style': {'type': 'string', 'description': 'Style slug from list_styles.'}}, 'additionalProperties': False}
get_post
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.
Eingabeschema
{'type': 'object', 'required': ['slug'], 'properties': {'lang': {'enum': ['de', 'en'], 'type': 'string', 'description': 'Language of the instructions. English without one.'}, 'slug': {'type': 'string', 'description': 'Slug of the template, see list_posts.'}}, 'additionalProperties': False}
get_recipe
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.
Eingabeschema
{'type': 'object', 'required': ['name'], 'properties': {'name': {'type': 'string', 'description': "Recipe slug from list_recipes, e.g. 'saas-landing'."}, 'style': {'type': 'string', 'description': 'Optional style slug from list_styles.'}}, 'additionalProperties': False}
get_style
Returns every design token of an extracted brand style: colours, typography, CSS variables and the generated DESIGN.md.
Eingabeschema
{'type': 'object', 'required': ['slug'], 'properties': {'slug': {'type': 'string', 'description': 'Style slug from list_styles.'}}, 'additionalProperties': False}
list_categories
Lists every category of Systra Tools with the number of components in it.
Eingabeschema
{'type': 'object', 'properties': {}, 'additionalProperties': False}
list_components
Lists components of the library. Optionally filtered by category slug ('heros', 'forms', 'cta').
Eingabeschema
{'type': 'object', 'properties': {'category': {'type': 'string', 'description': 'Category slug to filter by (optional).'}}, 'additionalProperties': False}
list_images
Lists the images of the Systra Tools media library with ready, permanently valid URLs to drop straight in. Optionally filtered by album and format.
Eingabeschema
{'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': {'enum': ['landscape', 'portrait', 'square'], 'type': 'string', 'description': 'Image format to filter by (optional).'}}, 'additionalProperties': False}
list_posts
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.
Eingabeschema
{'type': 'object', 'properties': {'family': {'enum': ['klar', 'editorial'], 'type': 'string', 'description': "Family to filter by (optional): 'klar' are calm informational posts, 'editorial' lives on the image and a serif face."}}, 'additionalProperties': False}
list_recipes
Lists curated page recipes: sensible sequences of sections for complete landing pages (SaaS, coaching, hotel and so on).
Eingabeschema
{'type': 'object', 'properties': {}, 'additionalProperties': False}
list_styles
Lists the brand styles extracted with the style extractor (colours and fonts of real websites) that can be applied to components.
Eingabeschema
{'type': 'object', 'properties': {}, 'additionalProperties': False}
search_components
Searches components by a keyword in the name or the category and returns the matches.
Eingabeschema
{'type': 'object', 'required': ['query'], 'properties': {'query': {'type': 'string', 'description': 'Search term.'}}, 'additionalProperties': False}
search_images
Searches the media library by a keyword in the title, the file name or the album and returns ready URLs.
Eingabeschema
{'type': 'object', 'required': ['query'], 'properties': {'query': {'type': 'string', 'description': "Search term, e.g. 'gradient', 'laptop', 'wald'."}}, 'additionalProperties': False}
Geändert
get_recipe
29. September 2026 03:00
Geändert
list_recipes
29. September 2026 03:00
Geändert
get_post
29. September 2026 03:00
Geändert
list_posts
29. September 2026 03:00
Geändert
search_images
29. September 2026 03:00
Geändert
list_images
29. September 2026 03:00
Geändert
get_component_styled
29. September 2026 03:00
Geändert
get_style
29. September 2026 03:00
Geändert
list_styles
29. September 2026 03:00
Geändert
get_component
29. September 2026 03:00
Geändert
search_components
29. September 2026 03:00
Geändert
list_components
29. September 2026 03:00
Geändert
list_categories
29. September 2026 03:00
Hinzugefügt
get_recipe
17. September 2026 12:55
Hinzugefügt
list_recipes
17. September 2026 12:55
Hinzugefügt
get_post
17. September 2026 12:55
Hinzugefügt
list_posts
17. September 2026 12:55
Hinzugefügt
search_images
17. September 2026 12:55
Hinzugefügt
list_images
17. September 2026 12:55
Hinzugefügt
get_component_styled
17. September 2026 12:55
Hinzugefügt
get_style
17. September 2026 12:55
Hinzugefügt
list_styles
17. September 2026 12:55
Hinzugefügt
get_component
17. September 2026 12:55
Hinzugefügt
search_components
17. September 2026 12:55
Hinzugefügt
list_components
17. September 2026 12:55
Hinzugefügt
list_categories
17. September 2026 12:55