{"passport":{"unfragile":{"@version":"1.0","version":"2026-05","artifact":{"id":"smithery_opti-kjh-palette","slug":"opti-kjh-palette","name":"palette","type":"mcp","url":"https://github.com/Opti-kjh/palatte","page_url":"https://unfragile.ai/opti-kjh-palette","categories":["mcp-servers"],"tags":["mcp","model-context-protocol","smithery:Opti-kjh/palette"],"pricing":{"model":"open_source","free":true,"starting_price":null},"status":"active","verified":false},"capabilities":[{"id":"smithery_opti-kjh-palette__cap_0","uri":"capability://code.generation.editing.figma.to.react.vue.code.conversion","name":"figma to react/vue code conversion","description":"This capability utilizes a Model Context Protocol (MCP) server architecture to translate Figma design components into React or Vue code. It leverages existing Design System components to ensure consistency and reusability, providing a structured approach to component generation. The integration with Figma's API allows for real-time updates and synchronization of design changes, making it distinct from other tools that may require manual adjustments post-conversion.","intents":["How can I automate the conversion of Figma designs to React components?","What tool can help me maintain design consistency while coding in Vue?","I need a way to quickly generate front-end code from design files."],"best_for":["frontend developers using Figma and React or Vue frameworks"],"limitations":["Limited to components defined in the existing Design System; custom components may not convert accurately.","Requires a stable internet connection for Figma API access."],"requires":["Node.js 14+","Access to Figma API with appropriate permissions"],"input_types":["Figma design files"],"output_types":["React code","Vue code"],"categories":["code-generation-editing","frontend-development"],"confidence":0.5,"matches":0,"success_rate":0},{"id":"smithery_opti-kjh-palette__cap_1","uri":"capability://code.generation.editing.design.system.component.utilization","name":"design system component utilization","description":"This capability ensures that the generated code adheres to a predefined Design System by mapping Figma components to their corresponding React or Vue counterparts. It employs a registry pattern to maintain a catalog of available components, allowing for easy updates and modifications. This structured approach minimizes discrepancies between design and implementation, ensuring that the final output is both functional and visually aligned with the original design.","intents":["How can I ensure my generated code matches my design specifications?","What method can I use to enforce design consistency across my application?","I want to leverage existing components in my Design System for new projects."],"best_for":["teams working on large-scale applications with established Design Systems"],"limitations":["Requires thorough documentation of the Design System for accurate mapping.","Changes in the Design System may require updates to the mapping logic."],"requires":["Documentation of the Design System components"],"input_types":["Design System specifications","Figma design files"],"output_types":["React code","Vue code"],"categories":["code-generation-editing","design-systems"],"confidence":0.5,"matches":0,"success_rate":0}],"trust":{"score":29,"verified":false,"data_access_risk":"moderate","permissions":["Node.js 14+","Access to Figma API with appropriate permissions","Documentation of the Design System components"],"failure_modes":["Limited to components defined in the existing Design System; custom components may not convert accurately.","Requires a stable internet connection for Figma API access.","Requires thorough documentation of the Design System for accurate mapping.","Changes in the Design System may require updates to the mapping logic.","builder identity is not verified yet","no observed match outcomes yet"],"rank_breakdown":{"adoption":0.05,"quality":0.29,"ecosystem":0.48999999999999994,"match_graph":0.25,"freshness":0.6,"weights":{"adoption":0.25,"quality":0.25,"ecosystem":0.15,"match_graph":0.23,"freshness":0.12}},"observed_outcomes":{"matches":0,"success_rate":0,"avg_confidence":0,"top_intents":[],"last_matched_at":null},"maintenance":{"status":"active","updated_at":"2026-05-24T12:16:27.443Z","last_scraped_at":"2026-05-03T15:19:41.318Z","last_commit":null},"community":{"stars":null,"forks":null,"weekly_downloads":null,"model_downloads":null,"model_likes":null}},"distribution":{"claim_url":"https://unfragile.ai/submit?claim=opti-kjh-palette","compare_url":"https://unfragile.ai/compare?artifact=opti-kjh-palette"}},"signature":"yVTsT8OxbiEFJ5EDE2ve6K4O/xfmR2dFppMT3CBWD1cbg180m5QmLE9Pkj1+VXJB5M/gtLsJjiKw0RMNRYiwCg==","signedAt":"2026-06-21T10:29:57.754Z","signedBy":"unfragile.ai","version":1},"_links":{"self":"https://unfragile.ai/api/v1/passport/opti-kjh-palette","artifact":"https://unfragile.ai/opti-kjh-palette","verify":"https://unfragile.ai/api/v1/verify?slug=opti-kjh-palette","publicKey":"https://unfragile.ai/api/v1/trust-passport-public-key","spec":"https://unfragile.ai/trust","schema":"https://unfragile.ai/schema.json","docs":"https://unfragile.ai/docs"}}