MCP Radar
MCPサーバー

Systra Tools

tools.systra/systra-tools
デザイン・クリエイティブ 開発者向けツール 公開・接続可能 MCP 2026-07-28

このMCPでできること

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

機能

ツール

13 ツール
get_component
Returns the complete, copy-ready React/TSX source of a component by its name.
入力スキーマ 
{'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.
入力スキーマ 
{'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.
入力スキーマ 
{'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.
入力スキーマ 
{'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.
入力スキーマ 
{'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.
入力スキーマ 
{'type': 'object', 'properties': {}, 'additionalProperties': False}
list_components
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}
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.
入力スキーマ 
{'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.
入力スキーマ 
{'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).
入力スキーマ 
{'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.
入力スキーマ 
{'type': 'object', 'properties': {}, 'additionalProperties': False}
search_components
Searches components by a keyword in the name or the category and returns the matches.
入力スキーマ 
{'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.
入力スキーマ 
{'type': 'object', 'required': ['query'], 'properties': {'query': {'type': 'string', 'description': "Search term, e.g. 'gradient', 'laptop', 'wald'."}}, 'additionalProperties': False}
履歴

最近のツール変更

変更
get_recipe
2026年9月29日3:00
変更
list_recipes
2026年9月29日3:00
変更
get_post
2026年9月29日3:00
変更
list_posts
2026年9月29日3:00
変更
search_images
2026年9月29日3:00
変更
list_images
2026年9月29日3:00
変更
get_component_styled
2026年9月29日3:00
変更
get_style
2026年9月29日3:00
変更
list_styles
2026年9月29日3:00
変更
get_component
2026年9月29日3:00
変更
search_components
2026年9月29日3:00
変更
list_components
2026年9月29日3:00
変更
list_categories
2026年9月29日3:00
追加
get_recipe
2026年9月17日12:55
追加
list_recipes
2026年9月17日12:55
追加
get_post
2026年9月17日12:55
追加
list_posts
2026年9月17日12:55
追加
search_images
2026年9月17日12:55
追加
list_images
2026年9月17日12:55
追加
get_component_styled
2026年9月17日12:55
追加
get_style
2026年9月17日12:55
追加
list_styles
2026年9月17日12:55
追加
get_component
2026年9月17日12:55
追加
search_components
2026年9月17日12:55
追加
list_components
2026年9月17日12:55
追加
list_categories
2026年9月17日12:55
関連MCP

類似のMCPサーバー

GripForge

io.github.gripforgeai/mcp

Generates, rigs, animates, analyzes, and packages game characters, weapons, armor, effects, environments, and engine-ready assets.

spriteship

com.spriteship/spriteship

Generates and manages 2D game characters, assets, animations, tilesets, UI packs, maps, and engine-ready exports for multiple gam…

Blixtworks

com.blixtworks.www/tools

Offers pay-per-call utilities for text, image processing and analysis, data conversion, validation, web inspection, cryptography,…

Compose Preview Catalogs

io.github.yschimke/compose-preview

Browses, renders, compares, audits, and edits Jetpack Compose preview catalogs and associated UI designs.

arch-tools-mcp

io.github.Deesmo/arch-tools-mcp

Provides general-purpose agent APIs for browser automation, web and PDF extraction, data conversion, email operations, fact check…

kernelcad

com.kernelcad/kernelcad

Authors, evaluates, reviews, simulates, edits, and exports parametric CAD assemblies and geometry from editable TypeScript-based …

floot

com.floot/floot

Creates, edits, previews, databases, and publishes full-stack web and mobile applications with hosted resources and deployment wo…

Raven

ai.ravenmcp/raven-mcp

Supports coding agents with design audits, design-system guidance, and a configurable visual preference profile.