systra-tools/systra-tools-plugin

A growing collection of production-ready React + Tailwind sections and
elements, searchable by your coding agent over MCP.
Systra Tools is a growing library of React and Tailwind sections and elements:
heroes, pricing tables, bento grids, dashboards, footers and more. This
repository connects it to your coding agent over MCP, so Claude, Cursor or
VS Code can search the library and drop a section into your project as a
single TSX file.
Every component imports only react, framer-motion and lucide-react and
respects reduced motion. Free components are available without a key. A Premium key from https://systra.tools/mcp opens the whole library, the
image library and the page recipes.
## Install
### Cursor
Click the button above, or add the plugin from
cursor.directory, or configure it by hand in
~/.cursor/mcp.json:
json
"mcpServers": {
"systra-tools": {
"url": "https://systra.tools/api/mcp",
"headers": { "Authorization": "Bearer ${env:SYSTRA_MCP_KEY}" }
### Claude Code
/plugin marketplace add systra-tools/systra-tools-plugin
/plugin install systra-tools@systra
### VS Code, Windsurf and anything else that speaks MCP
Point an HTTP MCP server at https://systra.tools/api/mcp. That alone works
for the free components; with a Premium key, send it as
Authorization: Bearer .
## Improve the design, not just the code
The MCP server gives your coding agent real UI components. The separate, free
Systra Taste skills help it
decide which composition works, review generic layouts, and preview distinct
redesigns before replacing an existing interface.
bash
npx skills@latest add systra-tools/systra-taste
Use systra-taste to build, systra-taste-review to critique, and
systra-taste-repair to redesign. They work without a key; this MCP integration
is optional.
## Your key
The key is optional. Without one the agent gets the free sample components.
For the full library, create a Premium key at
systra.tools/mcp and put it in the environment as
SYSTRA_MCP_KEY. Do not commit the key.
## What the agent gets
| Tool | What it does |
| list_categories | categories with counts |
| list_components, search_components | find a section by intent |
| get_component | the full source |
| list_recipes, get_recipe | an ordered page recipe |
| list_styles, get_style, get_component_styled | the same component in a real brand's colours and fonts |
| list_images, search_images | imagery with permanent URLs |