Back to search
100
MCP live MCP 2025-11-25 streamable-http

Systra Tools

tools.systra/systra-tools

Search and pull 500+ production-ready React + Tailwind sections and elements

Watch this dependency Share evidence report
Uptime
100.0%
5 direct probes · 30d
Response
2226ms
last probe
Tools
13
callable
Resources
0
readable
Prompts
0
available
Primary URL
https://systra.tools/api/mcp
Score: 100/100
Handshake verified by our own probe.
pass Answers the MCP handshake 50/50
The handshake and the list calls succeeded on the primary URL.
pass Lists tools, resources or prompts 30/30
13 tools, 0 resources, 0 prompts returned.
pass 3 or more catalogue items 10/10
13 items in total; 3 or more earns these points.
pass Describes itself 10/10
76 characters; more than 30 earns these points.

Tools · 13

list_categories

Lists every component category of the Systra Tools library with its slug, its title and how many components it holds. Start here when the user names a kind of page part (hero, pricing, footer) instead…

list_components

Lists component names, optionally limited to one category, one line each with the name and the category slug. Use it to browse a category before choosing; use search_components instead when you alread…

search_components

Finds components whose name or category contains the search term (one term, case-insensitive substring match) and returns their names with the category slug. Use it when you know roughly what you need…

get_component

Returns the complete, copy-ready React/TSX source of one component as designed, plus notes on its images and any extra files it needs. Components use Tailwind CSS classes and import react, framer-moti…

list_styles

Lists the brand styles extracted from real websites with the Systra style extractor: slug, site name, primary and accent colour and heading font. Pass query to search by site name, domain, colour or f…

get_style

Returns every design token of one extracted brand style: colours, font families and sizes, spacing, radii, CSS variables and the generated DESIGN.md (up to 4000 characters). Use it to theme your own c…

get_component_styled

Returns one component's source together with the tokens of a brand style, step-by-step instructions for mapping the component's colours, fonts and radii onto that style, and the colour values the comp…

list_images

Lists images and a few videos from the Systra Tools media library (all AI-generated), each with a permanent URL to use directly as src, plus title, album and format. Filter by album and format, 100 pe…

search_images

Finds images in the media library (all AI-generated) whose title, tags, file name or album contain every word of the query, and returns their permanent URLs, 100 per page. Use it for a motif, such as …

list_posts

Lists the Instagram post templates (1080 x 1350) with slug, name, family and whether they need your own imagery. Each template is a single HTML file that can be rebuilt and exported as an image or a v…

get_post

Returns one post template as working instructions: the full HTML file, an export script to render it locally as PNG or video, and the rules on what may be changed. The server renders nothing; you edit…

list_recipes

Lists curated page recipes: proven section sequences for complete landing pages (for example SaaS, coaching or a hotel), each with its number of sections and a short purpose. Pass query to search by i…

get_recipe

Returns one page recipe: the ordered sections with the purpose of each, a composition file where available, and the full source of every section. Pass style to add brand tokens and adaptation instruct…

How to use

Claude Desktop or claude.ai: add a custom connector (Customize → Connectors; on Team and Enterprise plans an owner adds it under Organization settings → Connectors) with this server URL: https://systra.tools/api/mcp

Cursor or Cline: add to your MCP config:

{
  "mcpServers": {
    "systra_tools": {
      "url": "https://systra.tools/api/mcp",
      "transport": "streamable-http"
    }
  }
}