Json To Profile Card MCP tool
MCP
findutils:json_to_profile_card Generate a profile card for team pages and portfolios from JSON such as {"name","title","company","location","email","bio","skills","social":{"twitter","github"}} in one of 6 templates. Returns the card three ways: inline-style HTML, Tailwind CSS markup, and a React JSX component.
Arguments
application/json-
json
string required
Profile JSON: {"name": string, "title"?, "company"?, "location"?, "email"?, "avatar"?: url, "bio"?, "skills"?: string[], "social"?: {"twitter"?, "linkedin"?, "github"?, "website"?}, "coverColor"?: "#hex"}.
-
template
string optional
Card template. Default "classic". One of
classic · modern · dark · compact · minimal · gradient. Default"classic".
Example arguments
Verified{
"json": {
"name": "Sarah Johnson",
"title": "Senior Software Engineer",
"company": "Tech Corp",
"skills": [
"React",
"TypeScript"
],
"social": {
"github": "sarahj"
}
}
}More Generators tools
- Barcode Generator Generate a 1D barcode as an SVG string from text.
- Box Shadow Generator Generate a CSS box-shadow declaration from offset, blur, spread, colour, opacity, and inset settings, or from a named preset (subtle, soft…
- Caption Generator Generate a social-media caption from a topic using built-in templates (no AI): picks a template for the content type and tone, fills…
- Clip Path Generator Generate a CSS clip-path from a named shape (triangle, trapezoid, parallelogram, rhombus, pentagon, hexagon, octagon, star, chevron…
- Color Palette Generator Generate a harmonious colour palette from a base hex colour: complementary, analogous, triadic, tetradic, split-complementary…
- Css Animation Generator Return CSS @keyframes animation code (or Tailwind config, Web Animations API / React, or Framer Motion code) from a named preset such…