[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_321":322,"_323":324},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_256":257,"_49":-7,"_258":-5,"_17":259,"_260":261,"_262":263,"_264":265,"_266":267,"_64":-5,"_268":-5,"_269":270,"_271":24,"_272":273,"_274":170,"_275":-5,"_276":-5,"_277":278},"routes/_app.x.$handle.$name.branch.$branch.history",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-5},"handle","IDLEYER","name","ui-ux-pro-max-mcp","branchName","build-v1","project",{"_43":208,"_13":14,"_47":209,"_77":-5,"_210":24,"_211":212,"_213":212,"_214":215,"_216":-5,"_25":84,"_217":218,"_219":170,"_220":-5,"_221":-5,"_222":20,"_51":52,"_223":-5,"_224":-5,"_225":-5,"_226":-5,"_227":228,"_229":228,"_230":231,"_232":231,"_233":231,"_234":228,"_235":228,"_62":236,"_237":238,"_239":240,"_241":24},"page",0,"history",[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"hasNext",false,"userId",{"_43":201,"_45":46,"_47":202,"_49":203,"_51":52,"_53":192,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":204,"_64":205,"_66":-5,"_67":-5,"_69":-5,"_70":-5,"_71":206},{"_43":192,"_45":46,"_47":193,"_49":194,"_51":52,"_53":185,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":195,"_64":196,"_66":-5,"_67":-5,"_69":-5,"_70":-5,"_71":197},{"_43":185,"_45":46,"_47":186,"_49":187,"_51":52,"_53":178,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":188,"_64":189,"_66":-5,"_67":-5,"_69":-5,"_70":-5,"_71":190},{"_43":178,"_45":46,"_47":179,"_49":180,"_51":52,"_53":171,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":181,"_64":182,"_66":-5,"_67":-5,"_69":-5,"_70":-5,"_71":183},{"_43":171,"_45":46,"_47":172,"_49":173,"_51":52,"_53":163,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":174,"_64":175,"_66":-5,"_67":-5,"_69":-5,"_70":-5,"_71":176},{"_43":163,"_45":46,"_47":164,"_49":165,"_51":52,"_53":156,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":166,"_64":167,"_66":-5,"_67":-5,"_69":-5,"_70":-5,"_71":168},{"_43":156,"_45":46,"_47":157,"_49":158,"_51":52,"_53":149,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":159,"_64":160,"_66":-5,"_67":-5,"_69":-5,"_70":-5,"_71":161},{"_43":149,"_45":46,"_47":150,"_49":151,"_51":52,"_53":142,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":152,"_64":153,"_66":-5,"_67":-5,"_69":-5,"_70":-5,"_71":154},{"_43":142,"_45":46,"_47":143,"_49":144,"_51":52,"_53":135,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":145,"_64":146,"_66":-5,"_67":-5,"_69":-5,"_70":-5,"_71":147},{"_43":135,"_45":46,"_47":136,"_49":137,"_51":52,"_53":128,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":138,"_64":139,"_66":-5,"_67":-5,"_69":-5,"_70":-5,"_71":140},{"_43":128,"_45":46,"_47":129,"_49":130,"_51":52,"_53":119,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":131,"_64":132,"_66":-5,"_67":-5,"_69":-5,"_70":-5,"_71":133},{"_43":119,"_45":46,"_47":120,"_49":121,"_51":52,"_53":110,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":122,"_64":123,"_66":-5,"_67":-5,"_69":-5,"_70":-5,"_71":124},{"_43":110,"_45":46,"_47":111,"_49":112,"_51":52,"_53":103,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":113,"_64":114,"_66":-5,"_67":-5,"_69":-5,"_70":-5,"_71":115},{"_43":103,"_45":46,"_47":104,"_49":105,"_51":52,"_53":97,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":106,"_64":107,"_66":-5,"_67":-5,"_69":-5,"_70":-5,"_71":108},{"_43":97,"_45":46,"_47":98,"_49":76,"_51":52,"_53":87,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":99,"_64":100,"_66":-5,"_67":-5,"_69":-5,"_70":-5,"_71":101},{"_43":87,"_45":46,"_47":88,"_49":89,"_51":52,"_53":44,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":90,"_64":91,"_66":-5,"_67":-5,"_69":-5,"_70":-5,"_71":92},{"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_54":55,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":68,"_69":-5,"_70":-5,"_71":72},"id","007806f1-e867-4d7e-ada3-ce8c4719b6e1","branchId","6a65a668-7fba-442c-b1c7-452a8f96c3ff","createdAt",["D",1784167218674],"version",1,"orgId","019ee2d0-01b3-7462-a636-aad0cd2ecdf7","parentId","incomingCommitId","199fe52c-8e53-43bd-bdc1-83d4832d063c","aiChatMessageId","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_43":84,"_51":52,"_11":12,"_85":86},"file",{"_78":79,"_13":80,"_81":82,"_83":24},"pull","merge",{"_45":74,"_13":75,"_49":76,"_77":-5},"revert","multiple","commits",[73],{"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_54":55,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":68,"_69":-5},"1c74c4ae-2225-4bb0-b696-18fa2ef81610","main",3,"deletedAt","fileId","019f68a7-3de9-718a-943e-1d061229aab1","mcp.ts","fileType","http","deleted","b09e2b61-6d3d-45b4-9e47-483ceda2d63e","avatar","https://lh3.googleusercontent.com/a/ACg8ocIOtmCQ3C5EHjNcuLBRZYhIsU0zzV95ucDS8yMqXk591M_byQ=s96-c","d73880a5-0b99-49d1-bd9a-3c4af2083106",["D",1784167359120],2,{"_43":84,"_51":52,"_11":12,"_85":86},{"_78":94,"_13":95,"_81":96,"_83":24},[93],{"_43":87,"_45":46,"_47":88,"_49":89,"_51":52,"_53":44,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":90,"_64":91,"_66":-5,"_67":-5,"_69":-5},"6c1e32ec-80ba-11f1-88ff-1607ee4eb77e","engine.ts","script","3adc1516-a409-468d-9bba-b55105d0b80c",["D",1784167475763],{"_43":84,"_51":52,"_11":12,"_85":86},{"_78":79,"_13":80,"_81":82,"_83":24},[102],{"_43":97,"_45":46,"_47":98,"_49":76,"_51":52,"_53":87,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":99,"_64":100,"_66":-5,"_67":-5,"_69":-5},"e05d97ae-5461-401f-8405-b7d70e4d7e2e",["D",1784167522104],4,{"_43":84,"_51":52,"_11":12,"_85":86},{"_78":79,"_13":80,"_81":82,"_83":24},[109],{"_43":103,"_45":46,"_47":104,"_49":105,"_51":52,"_53":97,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":106,"_64":107,"_66":-5,"_67":-5,"_69":-5},"19fa0fe2-cdf4-4098-8cdd-cbb79e4e3ad1",["D",1784167566574],5,{"_43":84,"_51":52,"_11":12,"_85":86},{"_78":117,"_13":118,"_81":96,"_83":24},[116],{"_43":110,"_45":46,"_47":111,"_49":112,"_51":52,"_53":103,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":113,"_64":114,"_66":-5,"_67":-5,"_69":-5},"e7c4228a-80ba-11f1-bc0d-1607ee4eb77e","smoke.ts","e9906151-8709-4414-81c8-564dc2619a33",["D",1784167610960],6,{"_43":84,"_51":52,"_11":12,"_85":86},{"_78":126,"_13":127,"_81":82,"_83":24},[125],{"_43":119,"_45":46,"_47":120,"_49":121,"_51":52,"_53":110,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":122,"_64":123,"_66":-5,"_67":-5,"_69":-5},"023945c8-80bb-11f1-a37f-1607ee4eb77e","smoke-http.ts","fc2e533e-daf7-48fb-8a7a-031e911a6bdf",["D",1784167697015],7,{"_43":84,"_51":52,"_11":12,"_85":86},{"_78":94,"_13":95,"_81":96,"_83":24},[134],{"_43":128,"_45":46,"_47":129,"_49":130,"_51":52,"_53":119,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":131,"_64":132,"_66":-5,"_67":-5,"_69":-5},"a1f9eade-4b45-4f2f-94be-20033dacc2e6",["D",1784167730818],8,{"_43":84,"_51":52,"_11":12,"_85":86},{"_78":94,"_13":95,"_81":96,"_83":24},[141],{"_43":135,"_45":46,"_47":136,"_49":137,"_51":52,"_53":128,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":138,"_64":139,"_66":-5,"_67":-5,"_69":-5},"4b95f1f4-88b0-4429-8730-c6e86a653039",["D",1784167756507],9,{"_43":84,"_51":52,"_11":12,"_85":86},{"_78":94,"_13":95,"_81":96,"_83":24},[148],{"_43":142,"_45":46,"_47":143,"_49":144,"_51":52,"_53":135,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":145,"_64":146,"_66":-5,"_67":-5,"_69":-5},"beb00c7b-bdf5-4fd6-ade4-314491fa2c7e",["D",1784167791166],10,{"_43":84,"_51":52,"_11":12,"_85":86},{"_78":79,"_13":80,"_81":82,"_83":24},[155],{"_43":149,"_45":46,"_47":150,"_49":151,"_51":52,"_53":142,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":152,"_64":153,"_66":-5,"_67":-5,"_69":-5},"18bee69c-261b-47af-811b-f3d63900a285",["D",1784167819952],11,{"_43":84,"_51":52,"_11":12,"_85":86},{"_78":126,"_13":127,"_81":82,"_83":24},[162],{"_43":156,"_45":46,"_47":157,"_49":158,"_51":52,"_53":149,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":159,"_64":160,"_66":-5,"_67":-5,"_69":-5},"41cbbfba-4712-426f-b6e9-2dc98750d63f",["D",1784167843538],12,{"_43":84,"_51":52,"_11":12,"_85":86},{"_78":117,"_13":118,"_81":96,"_83":170},[169],{"_43":163,"_45":46,"_47":164,"_49":165,"_51":52,"_53":156,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":166,"_64":167,"_66":-5,"_67":-5,"_69":-5},true,"fd6c0475-c7d4-434b-846e-6d1aee5b25ba",["D",1784167849003],13,{"_43":84,"_51":52,"_11":12,"_85":86},{"_78":126,"_13":127,"_81":82,"_83":170},[177],{"_43":171,"_45":46,"_47":172,"_49":173,"_51":52,"_53":163,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":174,"_64":175,"_66":-5,"_67":-5,"_69":-5},"f4b49668-35ab-4020-ab9e-e1bff7391415",["D",1784167945989],14,{"_43":84,"_51":52,"_11":12,"_85":86},{"_78":79,"_13":80,"_81":82,"_83":24},[184],{"_43":178,"_45":46,"_47":179,"_49":180,"_51":52,"_53":171,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":181,"_64":182,"_66":-5,"_67":-5,"_69":-5},"e5d5fb5e-bed9-4c82-bf4a-2d00450cab7c",["D",1784167962458],15,{"_43":84,"_51":52,"_11":12,"_85":86},{"_78":79,"_13":80,"_81":82,"_83":24},[191],{"_43":185,"_45":46,"_47":186,"_49":187,"_51":52,"_53":178,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":188,"_64":189,"_66":-5,"_67":-5,"_69":-5},"20cee829-a4ce-49b6-af51-ec3ad8510e7b",["D",1784167990613],16,{"_43":84,"_51":52,"_11":12,"_85":86},{"_78":199,"_13":200,"_81":82,"_83":24},[198],{"_43":192,"_45":46,"_47":193,"_49":194,"_51":52,"_53":185,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":195,"_64":196,"_66":-5,"_67":-5,"_69":-5},"e48456de-80bb-11f1-a6bd-1607ee4eb77e","verify-http.ts","d068f667-a409-4d4f-ab0c-9830be980c92",["D",1784168013219],17,{"_43":84,"_51":52,"_11":12,"_85":86},{"_78":199,"_13":200,"_81":82,"_83":170},[207],{"_43":201,"_45":46,"_47":202,"_49":203,"_51":52,"_53":192,"_54":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":204,"_64":205,"_66":-5,"_67":-5,"_69":-5},"0c618d23-1b03-40b8-a973-73d3d44413fa",["D",1784167210756],"legacyEnvVars","privacy","public","httpPrivacy","description","Read-only UI UX Pro Max MCP server","imageUrl","pinnedFileId","13b4bed2-80ba-11f1-8e14-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_255":86},"org",{"_11":12,"_250":251,"_85":86,"_25":84,"_252":253,"_254":24},"branch",{"_49":203,"_13":16,"_43":46,"_242":208,"_243":74,"_244":50,"_245":212,"_246":208,"_247":52,"_248":14,"_249":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Lucas Bondi","tier","free","canRestrictVals","profileImageUrl","path","","adoptOrgId",{"_43":208,"_13":14,"_47":317,"_77":-5,"_210":24,"_211":212,"_213":212,"_214":215,"_216":-5,"_25":84,"_217":218,"_219":170,"_220":-5,"_221":-5,"_222":20,"_51":52,"_223":-5,"_224":-5,"_225":-5,"_226":-5,"_227":228,"_229":228,"_230":231,"_232":231,"_233":231,"_234":228,"_235":228,"_62":318,"_237":319,"_239":320,"_241":24},"tree",[308,309],"files",[308,309],"counts",{"_298":20,"_299":76,"_300":20,"_301":302,"_303":304},"contents",[284,285],"upstreamProject","upstreamBranch",{"_43":74,"_47":279,"_280":281,"_13":75,"_242":208,"_49":76,"_243":-5,"_244":-5,"_282":283,"_77":-5,"_241":24,"_211":212,"_249":12,"_51":52,"_248":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1784167210761],"updatedAt",["D",1784168021664],"lockfileKey","1784168021792-esm.town_v_IDLEYER_ui-ux-pro-max-mcp@3-main",{"_43":294,"_13":95,"_78":94,"_53":-5,"_45":46,"_287":144,"_288":170,"_47":295,"_49":76,"_81":96,"_290":296,"_83":24,"_292":-5,"_256":297},{"_43":286,"_13":80,"_78":79,"_53":-5,"_45":46,"_287":187,"_288":170,"_47":289,"_49":112,"_81":82,"_290":291,"_83":24,"_292":-5,"_256":293},"b865f2b1-8f43-418c-95e4-f3dfd4d9ad46","branchVersion","latest",["D",1784167962458],"content","import { McpServer } from \"npm:@modelcontextprotocol/sdk@1.29.0/server/mcp.js\";\nimport { WebStandardStreamableHTTPServerTransport } from \"npm:@modelcontextprotocol/sdk@1.29.0/server/webStandardStreamableHttp.js\";\nimport { z } from \"npm:zod@3.25.76\";\nimport {\n DOMAINS,\n STACKS,\n designSystemToMarkdown,\n generateDesignSystem,\n getCatalog,\n searchKnowledge,\n searchStack,\n type Domain,\n type Stack,\n} from \"./engine.ts\";\n\nconst VERSION = \"1.0.0\";\nconst SERVER_NAME = \"ui-ux-pro-max\";\nconst READ_ONLY = {\n readOnlyHint: true,\n openWorldHint: true,\n destructiveHint: false,\n idempotentHint: true,\n} as const;\n\nconst RESULT_OUTPUT_SCHEMA = {\n result: z.record(z.unknown()),\n};\n\nconst SERVER_INSTRUCTIONS = [\n \"For every UI or UX design, redesign, audit, component, dashboard, landing page, mobile interface, accessibility, typography, color, chart, motion, or frontend implementation task, call generate_design_system before proposing or changing the interface.\",\n \"Use search_ui_knowledge for focused questions and search_stack_guidelines before implementation in a named framework.\",\n \"Treat database output as expert recommendations rather than unquestionable truth. Enforce explicit user constraints, inspect constraintWarnings, and never adopt a forbidden palette or style blindly.\",\n \"All tools are read-only and never access business, customer, account, or secret data.\",\n].join(\" \");\n\nfunction jsonText(value: unknown): string {\n return JSON.stringify(value, null, 2);\n}\n\nfunction toolResult(value: unknown, text?: string) {\n return {\n content: [{ type: \"text\" as const, text: text ?? jsonText(value) }],\n structuredContent: { result: value },\n };\n}\n\nfunction createServer(): McpServer {\n const server = new McpServer(\n { name: SERVER_NAME, version: VERSION },\n {\n instructions: SERVER_INSTRUCTIONS,\n capabilities: { tools: {} },\n },\n );\n\n server.registerTool(\n \"generate_design_system\",\n {\n title: \"Generate a constrained UI/UX design system\",\n description: \"Primary tool for any UI/UX task. Generates a deterministic design system from the official UI UX Pro Max knowledge base, with explicit exclusions, required qualities, visual dials, accessibility rules, and optional framework guidance. Call this before proposing or modifying an interface.\",\n inputSchema: {\n query: z.string().min(3).describe(\"Detailed product, audience, interface and desired experience.\"),\n projectName: z.string().min(1).optional().describe(\"Readable name for the project or screen.\"),\n stack: z.enum(STACKS).optional().describe(\"Implementation stack when known.\"),\n mode: z.enum([\"auto\", \"light\", \"dark\"]).default(\"auto\").describe(\"Preferred visual mode.\"),\n variance: z.number().int().min(1).max(10).default(5).describe(\"1 = restrained Swiss structure; 10 = expressive asymmetric layout.\"),\n motion: z.number().int().min(1).max(10).default(4).describe(\"1 = almost static; 10 = complex motion.\"),\n density: z.number().int().min(1).max(10).default(5).describe(\"1 = spacious; 10 = dense operational dashboard.\"),\n requiredTerms: z.array(z.string()).max(20).default([]).describe(\"Qualities or concepts that recommendations should favor.\"),\n forbiddenTerms: z.array(z.string()).max(20).default([]).describe(\"Styles, colors or concepts that must be excluded, for example purple, magenta, neon, glassmorphism.\"),\n },\n outputSchema: RESULT_OUTPUT_SCHEMA,\n annotations: READ_ONLY,\n },\n async ({ query, projectName, stack, mode, variance, motion, density, requiredTerms, forbiddenTerms }) => {\n const system = await generateDesignSystem(query, {\n projectName,\n stack: stack as Stack | undefined,\n mode,\n variance,\n motion,\n density,\n requiredTerms,\n forbiddenTerms,\n });\n return toolResult(system, designSystemToMarkdown(system));\n },\n );\n\n server.registerTool(\n \"search_ui_knowledge\",\n {\n title: \"Search UI UX Pro Max knowledge\",\n description: \"Searches a focused domain in the official skill database. Use after generate_design_system for targeted palette, style, typography, UX, icon, chart, motion, landing-page, product or web-interface questions.\",\n inputSchema: {\n query: z.string().min(2).describe(\"Focused search query.\"),\n domain: z.enum(DOMAINS as [Domain, ...Domain[]]).optional().describe(\"Knowledge domain. Omit to auto-detect.\"),\n maxResults: z.number().int().min(1).max(10).default(5),\n },\n outputSchema: RESULT_OUTPUT_SCHEMA,\n annotations: READ_ONLY,\n },\n async ({ query, domain, maxResults }) => {\n const result = await searchKnowledge(query, domain as Domain | undefined, maxResults);\n return toolResult(result);\n },\n );\n\n server.registerTool(\n \"search_stack_guidelines\",\n {\n title: \"Search framework-specific UI guidance\",\n description: \"Returns implementation and performance guidance for a supported frontend stack. Use before writing or reviewing framework-specific UI code.\",\n inputSchema: {\n query: z.string().min(2).describe(\"The component, interaction, performance or accessibility concern.\"),\n stack: z.enum(STACKS).describe(\"Target frontend stack.\"),\n maxResults: z.number().int().min(1).max(10).default(6),\n },\n outputSchema: RESULT_OUTPUT_SCHEMA,\n annotations: READ_ONLY,\n },\n async ({ query, stack, maxResults }) => {\n const result = await searchStack(query, stack as Stack, maxResults);\n return toolResult(result);\n },\n );\n\n server.registerTool(\n \"get_skill_catalog\",\n {\n title: \"Get UI UX Pro Max catalog\",\n description: \"Returns the supported UI knowledge domains, frontend stacks, source repository and read-only behavior of this MCP server.\",\n inputSchema: {},\n outputSchema: RESULT_OUTPUT_SCHEMA,\n annotations: READ_ONLY,\n },\n async () => toolResult({ ...getCatalog(), version: VERSION }),\n );\n\n return server;\n}\n\nconst CORS_HEADERS: Record = {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"GET, POST, DELETE, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"Content-Type, Authorization, Accept, mcp-session-id, mcp-protocol-version, Last-Event-ID\",\n \"Access-Control-Expose-Headers\": \"mcp-session-id, mcp-protocol-version\",\n \"Access-Control-Max-Age\": \"86400\",\n};\n\nfunction withCors(response: Response): Response {\n const headers = new Headers(response.headers);\n for (const [key, value] of Object.entries(CORS_HEADERS)) headers.set(key, value);\n headers.set(\"X-Content-Type-Options\", \"nosniff\");\n headers.set(\"Cache-Control\", \"no-store\");\n return new Response(response.body, { status: response.status, statusText: response.statusText, headers });\n}\n\nfunction jsonResponse(value: unknown, status = 200): Response {\n return withCors(new Response(JSON.stringify(value, null, 2), {\n status,\n headers: { \"Content-Type\": \"application/json; charset=utf-8\" },\n }));\n}\n\nexport default async function handler(request: Request): Promise {\n if (request.method === \"OPTIONS\") return withCors(new Response(null, { status: 204 }));\n\n const url = new URL(request.url);\n const path = url.pathname.replace(/\\/+$/, \"\") || \"/\";\n\n if (path === \"/health\") {\n return jsonResponse({\n ok: true,\n service: SERVER_NAME,\n version: VERSION,\n transport: \"streamable-http\",\n stateless: true,\n readOnly: true,\n source: \"nextlevelbuilder/ui-ux-pro-max-skill\",\n });\n }\n\n if (path === \"/\" && request.method === \"GET\") {\n return jsonResponse({\n name: \"UI UX Pro Max MCP\",\n version: VERSION,\n mcpEndpoint: \"/mcp\",\n healthEndpoint: \"/health\",\n tools: [\n \"generate_design_system\",\n \"search_ui_knowledge\",\n \"search_stack_guidelines\",\n \"get_skill_catalog\",\n ],\n readOnly: true,\n });\n }\n\n if (path !== \"/mcp\") return jsonResponse({ error: \"not_found\" }, 404);\n if (![\"GET\", \"POST\", \"DELETE\"].includes(request.method)) return jsonResponse({ error: \"method_not_allowed\" }, 405);\n\n try {\n const server = createServer();\n const transport = new WebStandardStreamableHTTPServerTransport({\n sessionIdGenerator: undefined,\n enableJsonResponse: true,\n });\n await server.connect(transport);\n\n let mcpRequest = request;\n if (request.method === \"POST\") {\n const headers = new Headers(request.headers);\n headers.set(\"Content-Type\", \"application/json\");\n const body = await request.arrayBuffer();\n mcpRequest = new Request(request.url, {\n method: request.method,\n headers,\n body,\n });\n }\n\n const response = await transport.handleRequest(mcpRequest);\n return withCors(response);\n } catch (error) {\n console.error(\"MCP request failed\", error);\n return jsonResponse({\n jsonrpc: \"2.0\",\n error: {\n code: -32603,\n message: error instanceof Error ? error.message : \"Internal MCP error\",\n },\n id: null,\n }, 500);\n }\n}\n","label",[80],"e4465f13-21b5-46b5-a6d3-b8e97da364a8",["D",1784167756507],"import { parse } from \"npm:csv-parse@5.6.0/sync\";\n\nexport type Row = Record;\nexport type Domain = \"style\" | \"color\" | \"chart\" | \"landing\" | \"product\" | \"ux\" | \"typography\" | \"icons\" | \"gsap\" | \"react\" | \"web\" | \"google-fonts\";\n\nexport const DOMAINS: Domain[] = [\n \"style\", \"color\", \"chart\", \"landing\", \"product\", \"ux\", \"typography\",\n \"icons\", \"gsap\", \"react\", \"web\", \"google-fonts\",\n];\n\nexport const STACKS = [\n \"react\", \"nextjs\", \"vue\", \"svelte\", \"astro\", \"swiftui\", \"react-native\",\n \"flutter\", \"nuxtjs\", \"nuxt-ui\", \"html-tailwind\", \"shadcn\",\n \"jetpack-compose\", \"threejs\", \"angular\", \"laravel\", \"javafx\", \"wpf\",\n \"winui\", \"avalonia\", \"uno\", \"uwp\",\n] as const;\n\nexport type Stack = typeof STACKS[number];\n\nconst RAW_BASE = \"https://raw.githubusercontent.com/nextlevelbuilder/ui-ux-pro-max-skill/main/src/ui-ux-pro-max/data/\";\nconst REPOSITORY = \"https://github.com/nextlevelbuilder/ui-ux-pro-max-skill\";\n\nconst CSV_CONFIG: Record = {\n style: {\n file: \"styles.csv\",\n searchCols: [\"Style Category\", \"Keywords\", \"Best For\", \"Type\", \"AI Prompt Keywords\"],\n outputCols: [\"Style Category\", \"Type\", \"Keywords\", \"Primary Colors\", \"Effects & Animation\", \"Best For\", \"Light Mode ✓\", \"Dark Mode ✓\", \"Performance\", \"Accessibility\", \"Framework Compatibility\", \"Complexity\", \"AI Prompt Keywords\", \"CSS/Technical Keywords\", \"Implementation Checklist\", \"Design System Variables\"],\n },\n color: {\n file: \"colors.csv\",\n searchCols: [\"Product Type\", \"Notes\"],\n outputCols: [\"Product Type\", \"Primary\", \"On Primary\", \"Secondary\", \"On Secondary\", \"Accent\", \"On Accent\", \"Background\", \"Foreground\", \"Card\", \"Card Foreground\", \"Muted\", \"Muted Foreground\", \"Border\", \"Destructive\", \"On Destructive\", \"Ring\", \"Notes\"],\n },\n chart: {\n file: \"charts.csv\",\n searchCols: [\"Data Type\", \"Keywords\", \"Best Chart Type\", \"When to Use\", \"When NOT to Use\", \"Accessibility Notes\"],\n outputCols: [\"Data Type\", \"Keywords\", \"Best Chart Type\", \"Secondary Options\", \"When to Use\", \"When NOT to Use\", \"Data Volume Threshold\", \"Color Guidance\", \"Accessibility Grade\", \"Accessibility Notes\", \"A11y Fallback\", \"Library Recommendation\", \"Interactive Level\"],\n },\n landing: {\n file: \"landing.csv\",\n searchCols: [\"Pattern Name\", \"Keywords\", \"Conversion Optimization\", \"Section Order\"],\n outputCols: [\"Pattern Name\", \"Keywords\", \"Section Order\", \"Primary CTA Placement\", \"Color Strategy\", \"Conversion Optimization\"],\n },\n product: {\n file: \"products.csv\",\n searchCols: [\"Product Type\", \"Keywords\", \"Primary Style Recommendation\", \"Key Considerations\"],\n outputCols: [\"Product Type\", \"Keywords\", \"Primary Style Recommendation\", \"Secondary Styles\", \"Landing Page Pattern\", \"Dashboard Style (if applicable)\", \"Color Palette Focus\", \"Key Considerations\"],\n },\n ux: {\n file: \"ux-guidelines.csv\",\n searchCols: [\"Category\", \"Issue\", \"Description\", \"Platform\"],\n outputCols: [\"Category\", \"Issue\", \"Platform\", \"Description\", \"Do\", \"Don't\", \"Code Example Good\", \"Code Example Bad\", \"Severity\"],\n },\n typography: {\n file: \"typography.csv\",\n searchCols: [\"Font Pairing Name\", \"Category\", \"Mood/Style Keywords\", \"Best For\", \"Heading Font\", \"Body Font\"],\n outputCols: [\"Font Pairing Name\", \"Category\", \"Heading Font\", \"Body Font\", \"Mood/Style Keywords\", \"Best For\", \"Google Fonts URL\", \"CSS Import\", \"Tailwind Config\", \"Notes\"],\n },\n icons: {\n file: \"icons.csv\",\n searchCols: [\"Category\", \"Icon Name\", \"Keywords\", \"Best For\"],\n outputCols: [\"Category\", \"Icon Name\", \"Keywords\", \"Library\", \"Import Code\", \"Usage\", \"Best For\", \"Style\"],\n },\n gsap: {\n file: \"motion.csv\",\n searchCols: [\"Category\", \"Intensity Tier\", \"Keywords\", \"Trigger\"],\n outputCols: [\"Category\", \"Intensity Tier\", \"Trigger\", \"Duration\", \"Easing\", \"GSAP Snippet\", \"Framework Notes\", \"Do\", \"Don't\", \"Performance Notes\"],\n },\n react: {\n file: \"react-performance.csv\",\n searchCols: [\"Category\", \"Issue\", \"Keywords\", \"Description\"],\n outputCols: [\"Category\", \"Issue\", \"Platform\", \"Description\", \"Do\", \"Don't\", \"Code Example Good\", \"Code Example Bad\", \"Severity\"],\n },\n web: {\n file: \"app-interface.csv\",\n searchCols: [\"Category\", \"Issue\", \"Keywords\", \"Description\"],\n outputCols: [\"Category\", \"Issue\", \"Platform\", \"Description\", \"Do\", \"Don't\", \"Code Example Good\", \"Code Example Bad\", \"Severity\"],\n },\n \"google-fonts\": {\n file: \"google-fonts.csv\",\n searchCols: [\"Family\", \"Category\", \"Stroke\", \"Classifications\", \"Keywords\", \"Subsets\", \"Designers\"],\n outputCols: [\"Family\", \"Category\", \"Stroke\", \"Classifications\", \"Styles\", \"Variable Axes\", \"Subsets\", \"Designers\", \"Popularity Rank\", \"Google Fonts URL\"],\n },\n};\n\nconst STACK_COLS = {\n searchCols: [\"Category\", \"Guideline\", \"Description\", \"Do\", \"Don't\"],\n outputCols: [\"Category\", \"Guideline\", \"Description\", \"Do\", \"Don't\", \"Code Good\", \"Code Bad\", \"Severity\", \"Docs URL\"],\n};\n\nconst csvCache = new Map>();\n\nasync function loadCsv(path: string): Promise {\n if (!csvCache.has(path)) {\n csvCache.set(path, (async () => {\n const response = await fetch(RAW_BASE + path, {\n headers: { \"User-Agent\": \"ui-ux-pro-max-mcp/1.0\" },\n });\n if (!response.ok) throw new Error(`Unable to load ${path}: HTTP ${response.status}`);\n const text = await response.text();\n return parse(text, {\n columns: true,\n skip_empty_lines: true,\n bom: true,\n relax_quotes: true,\n relax_column_count: true,\n }) as Row[];\n })());\n }\n return csvCache.get(path)!;\n}\n\nfunction tokenize(text: string): string[] {\n return String(text)\n .toLocaleLowerCase(\"en\")\n .replace(/[^\\p{L}\\p{N}_]+/gu, \" \")\n .split(/\\s+/)\n .filter((word) => word.length >= 2);\n}\n\nfunction bm25Scores(documents: string[], query: string, k1 = 1.5, b = 0.75): Array<[number, number]> {\n const corpus = documents.map(tokenize);\n const n = corpus.length;\n if (!n) return [];\n const lengths = corpus.map((doc) => doc.length);\n const avgdl = lengths.reduce((a, v) => a + v, 0) / n || 1;\n const df = new Map();\n for (const doc of corpus) {\n for (const word of new Set(doc)) df.set(word, (df.get(word) ?? 0) + 1);\n }\n const idf = new Map();\n for (const [word, frequency] of df) {\n idf.set(word, Math.log((n - frequency + 0.5) / (frequency + 0.5) + 1));\n }\n const queryTokens = tokenize(query);\n return corpus.map((doc, index): [number, number] => {\n const tf = new Map();\n for (const word of doc) tf.set(word, (tf.get(word) ?? 0) + 1);\n let score = 0;\n for (const token of queryTokens) {\n const tokenIdf = idf.get(token);\n if (tokenIdf === undefined) continue;\n const frequency = tf.get(token) ?? 0;\n const numerator = frequency * (k1 + 1);\n const denominator = frequency + k1 * (1 - b + b * lengths[index] / avgdl);\n score += tokenIdf * numerator / denominator;\n }\n return [index, score];\n }).sort((a, bScore) => bScore[1] - a[1]);\n}\n\nfunction projectRow(row: Row, columns: string[]): Row {\n const result: Row = {};\n for (const column of columns) if (column in row) result[column] = row[column] ?? \"\";\n return result;\n}\n\nasync function searchCsv(path: string, searchCols: string[], outputCols: string[], query: string, maxResults: number): Promise {\n const rows = await loadCsv(path);\n const documents = rows.map((row) => searchCols.map((column) => row[column] ?? \"\").join(\" \"));\n const ranked = bm25Scores(documents, query);\n const results: Row[] = [];\n for (const [index, score] of ranked) {\n if (score <= 0) continue;\n results.push(projectRow(rows[index], outputCols));\n if (results.length >= maxResults) break;\n }\n return results;\n}\n\nexport function detectDomain(query: string): Domain {\n const lower = query.toLocaleLowerCase(\"en\");\n const keywords: Record = {\n color: [\"color\", \"colour\", \"palette\", \"hex\", \"rgb\", \"token\", \"accent\", \"background\", \"foreground\"],\n chart: [\"chart\", \"graph\", \"visualization\", \"trend\", \"bar\", \"pie\", \"scatter\", \"heatmap\", \"funnel\"],\n landing: [\"landing\", \"cta\", \"conversion\", \"hero\", \"testimonial\", \"pricing\", \"section\"],\n product: [\"saas\", \"ecommerce\", \"fintech\", \"healthcare\", \"gaming\", \"portfolio\", \"dashboard\", \"booking\", \"calendar\", \"crm\", \"invoice\", \"construction\", \"automotive\", \"real estate\", \"logistics\", \"agriculture\", \"assistant\", \"secretary\"],\n style: [\"style\", \"design\", \"ui\", \"minimalism\", \"glassmorphism\", \"neumorphism\", \"brutalism\", \"dark mode\", \"flat\", \"aurora\", \"css\", \"tailwind\"],\n ux: [\"ux\", \"usability\", \"accessibility\", \"wcag\", \"touch\", \"scroll\", \"animation\", \"keyboard\", \"navigation\", \"mobile\"],\n typography: [\"font pairing\", \"typography pairing\", \"heading font\", \"body font\"],\n \"google-fonts\": [\"google font\", \"font family\", \"variable font\", \"serif font\", \"sans serif font\", \"font\"],\n icons: [\"icon\", \"icons\", \"lucide\", \"heroicons\", \"symbol\", \"glyph\", \"svg\"],\n gsap: [\"gsap\", \"scrolltrigger\", \"stagger\", \"parallax\", \"page transition\", \"scroll reveal\", \"motion\"],\n react: [\"react\", \"next.js\", \"nextjs\", \"suspense\", \"memo\", \"useeffect\", \"rerender\", \"bundle\", \"server component\"],\n web: [\"aria\", \"focus\", \"outline\", \"semantic\", \"virtualize\", \"autocomplete\", \"form\", \"input\"],\n };\n let best: Domain = \"style\";\n let bestScore = 0;\n for (const domain of DOMAINS) {\n const score = keywords[domain].reduce((count, keyword) => count + (lower.includes(keyword) ? 1 : 0), 0);\n if (score > bestScore) {\n best = domain;\n bestScore = score;\n }\n }\n return best;\n}\n\nexport async function searchKnowledge(query: string, domain?: Domain, maxResults = 3) {\n const selectedDomain = domain ?? detectDomain(query);\n const config = CSV_CONFIG[selectedDomain];\n const results = await searchCsv(config.file, config.searchCols, config.outputCols, query, Math.max(1, Math.min(maxResults, 10)));\n return { domain: selectedDomain, query, file: config.file, count: results.length, results };\n}\n\nexport async function searchStack(query: string, stack: Stack, maxResults = 5) {\n const results = await searchCsv(`stacks/${stack}.csv`, STACK_COLS.searchCols, STACK_COLS.outputCols, query, Math.max(1, Math.min(maxResults, 10)));\n return { domain: \"stack\", stack, query, file: `stacks/${stack}.csv`, count: results.length, results };\n}\n\nfunction splitTerms(value: string): string[] {\n return value.split(/[,+;|]/).map((item) => item.trim()).filter(Boolean);\n}\n\nasync function findReasoningRule(category: string): Promise {\n const rows = await loadCsv(\"ui-reasoning.csv\");\n const target = category.toLocaleLowerCase(\"en\");\n const exact = rows.find((row) => (row.UI_Category ?? \"\").toLocaleLowerCase(\"en\") === target);\n if (exact) return exact;\n const partial = rows.find((row) => {\n const candidate = (row.UI_Category ?? \"\").toLocaleLowerCase(\"en\");\n return candidate && (candidate.includes(target) || target.includes(candidate));\n });\n if (partial) return partial;\n return rows.find((row) => splitTerms((row.UI_Category ?? \"\").replace(/[/-]/g, \" \")).some((term) => target.includes(term.toLocaleLowerCase(\"en\")))) ?? {};\n}\n\nfunction textOf(row: Row): string {\n return Object.values(row).join(\" \").toLocaleLowerCase(\"en\");\n}\n\nfunction containsForbidden(row: Row, forbidden: string[]): boolean {\n const haystack = textOf(row);\n return forbidden.some((term) => term.trim() && haystack.includes(term.trim().toLocaleLowerCase(\"en\")));\n}\n\nfunction scoreRequired(row: Row, required: string[]): number {\n const haystack = textOf(row);\n return required.reduce((score, term) => score + (term.trim() && haystack.includes(term.trim().toLocaleLowerCase(\"en\")) ? 1 : 0), 0);\n}\n\nfunction hexLuminance(hex: string): number | null {\n const match = hex.match(/^#?([0-9a-f]{6})$/i);\n if (!match) return null;\n const rgb = [0, 2, 4].map((offset) => parseInt(match[1].slice(offset, offset + 2), 16) / 255)\n .map((value) => value <= 0.03928 ? value / 12.92 : Math.pow((value + 0.055) / 1.055, 2.4));\n return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];\n}\n\nfunction hexHueSaturation(hex: string): { hue: number; saturation: number; lightness: number } | null {\n const match = hex.match(/^#?([0-9a-f]{6})$/i);\n if (!match) return null;\n const r = parseInt(match[1].slice(0, 2), 16) / 255;\n const g = parseInt(match[1].slice(2, 4), 16) / 255;\n const b = parseInt(match[1].slice(4, 6), 16) / 255;\n const max = Math.max(r, g, b);\n const min = Math.min(r, g, b);\n const delta = max - min;\n let hue = 0;\n if (delta) {\n if (max === r) hue = 60 * (((g - b) / delta) % 6);\n else if (max === g) hue = 60 * ((b - r) / delta + 2);\n else hue = 60 * ((r - g) / delta + 4);\n }\n if (hue < 0) hue += 360;\n const lightness = (max + min) / 2;\n const saturation = delta === 0 ? 0 : delta / (1 - Math.abs(2 * lightness - 1));\n return { hue, saturation: saturation * 100, lightness: lightness * 100 };\n}\n\nfunction colorFamilyViolation(row: Row, forbidden: string[]): boolean {\n const normalized = forbidden.map((term) => term.toLocaleLowerCase(\"en\"));\n if (containsForbidden(row, normalized)) return true;\n const hexes = Object.entries(row)\n .filter(([key]) => !key.toLocaleLowerCase(\"en\").includes(\"destructive\"))\n .flatMap(([, value]) => value.match(/#[0-9a-f]{6}/gi) ?? []);\n return hexes.some((hex) => {\n const hsl = hexHueSaturation(hex);\n if (!hsl) return false;\n if (normalized.includes(\"purple\") && hsl.hue >= 255 && hsl.hue < 292) return true;\n if (normalized.includes(\"magenta\") && hsl.hue >= 292 && hsl.hue < 330) return true;\n if (normalized.includes(\"pink\") && (hsl.hue >= 330 || hsl.hue < 8) && hsl.lightness > 45) return true;\n if (normalized.includes(\"neon\") && hsl.saturation > 88 && hsl.lightness > 48) return true;\n return false;\n });\n}\nfunction safePaletteFallback(mode: \"auto\" | \"light\" | \"dark\", required: string[], forbidden: string[]): Row {\n const dark = mode !== \"light\";\n const palettes: Array<{ key: string; row: Row }> = dark ? [\n {\n key: \"aqua teal cyan\",\n row: {\n \"Product Type\": \"Constraint-safe custom dark aqua\",\n Primary: \"#43D7BA\", \"On Primary\": \"#06201B\",\n Secondary: \"#7EA6B8\", \"On Secondary\": \"#07131A\",\n Accent: \"#67E8CC\", \"On Accent\": \"#041A16\",\n Background: \"#071016\", Foreground: \"#F3F8F9\",\n Card: \"#0F1B23\", \"Card Foreground\": \"#F3F8F9\",\n Muted: \"#14232D\", \"Muted Foreground\": \"#A5B4BA\",\n Border: \"#263A44\", Destructive: \"#FF746B\",\n \"On Destructive\": \"#240503\", Ring: \"#43D7BA\",\n Notes: \"Synthesized constraint-safe dark navy and aqua palette; not a raw database row.\",\n },\n },\n {\n key: \"blue navy cobalt\",\n row: {\n \"Product Type\": \"Constraint-safe custom dark blue\",\n Primary: \"#69A7FF\", \"On Primary\": \"#071426\",\n Secondary: \"#8FA9BD\", \"On Secondary\": \"#08141D\",\n Accent: \"#8CC8FF\", \"On Accent\": \"#061421\",\n Background: \"#08111B\", Foreground: \"#F4F8FC\",\n Card: \"#101D2A\", \"Card Foreground\": \"#F4F8FC\",\n Muted: \"#182838\", \"Muted Foreground\": \"#AAB8C5\",\n Border: \"#2B3D4E\", Destructive: \"#FF746B\",\n \"On Destructive\": \"#240503\", Ring: \"#69A7FF\",\n Notes: \"Synthesized constraint-safe dark navy and blue palette; not a raw database row.\",\n },\n },\n {\n key: \"green emerald\",\n row: {\n \"Product Type\": \"Constraint-safe custom dark green\",\n Primary: \"#5FD39A\", \"On Primary\": \"#052016\",\n Secondary: \"#91B7A5\", \"On Secondary\": \"#081A13\",\n Accent: \"#86E7B6\", \"On Accent\": \"#051A10\",\n Background: \"#08120E\", Foreground: \"#F2F8F5\",\n Card: \"#102019\", \"Card Foreground\": \"#F2F8F5\",\n Muted: \"#182B22\", \"Muted Foreground\": \"#A7B9B0\",\n Border: \"#2A4035\", Destructive: \"#FF746B\",\n \"On Destructive\": \"#240503\", Ring: \"#5FD39A\",\n Notes: \"Synthesized constraint-safe dark green palette; not a raw database row.\",\n },\n },\n {\n key: \"amber orange warm\",\n row: {\n \"Product Type\": \"Constraint-safe custom dark amber\",\n Primary: \"#F0B45E\", \"On Primary\": \"#241503\",\n Secondary: \"#B8A58A\", \"On Secondary\": \"#1B140B\",\n Accent: \"#F5C77F\", \"On Accent\": \"#211504\",\n Background: \"#14100A\", Foreground: \"#FAF6EF\",\n Card: \"#211A10\", \"Card Foreground\": \"#FAF6EF\",\n Muted: \"#2B2318\", \"Muted Foreground\": \"#BDB1A0\",\n Border: \"#443625\", Destructive: \"#FF746B\",\n \"On Destructive\": \"#240503\", Ring: \"#F0B45E\",\n Notes: \"Synthesized constraint-safe dark amber palette; not a raw database row.\",\n },\n },\n ] : [\n {\n key: \"aqua teal cyan\",\n row: {\n \"Product Type\": \"Constraint-safe custom light aqua\",\n Primary: \"#087F6C\", \"On Primary\": \"#FFFFFF\",\n Secondary: \"#426779\", \"On Secondary\": \"#FFFFFF\",\n Accent: \"#0A8F78\", \"On Accent\": \"#FFFFFF\",\n Background: \"#F5FAF9\", Foreground: \"#102126\",\n Card: \"#FFFFFF\", \"Card Foreground\": \"#102126\",\n Muted: \"#E6F0EE\", \"Muted Foreground\": \"#52676E\",\n Border: \"#CBDDD9\", Destructive: \"#C93C36\",\n \"On Destructive\": \"#FFFFFF\", Ring: \"#087F6C\",\n Notes: \"Synthesized constraint-safe light aqua palette; not a raw database row.\",\n },\n },\n {\n key: \"blue navy cobalt\",\n row: {\n \"Product Type\": \"Constraint-safe custom light blue\",\n Primary: \"#2368B5\", \"On Primary\": \"#FFFFFF\",\n Secondary: \"#526F87\", \"On Secondary\": \"#FFFFFF\",\n Accent: \"#2C78C9\", \"On Accent\": \"#FFFFFF\",\n Background: \"#F6F9FC\", Foreground: \"#132333\",\n Card: \"#FFFFFF\", \"Card Foreground\": \"#132333\",\n Muted: \"#E8EFF5\", \"Muted Foreground\": \"#586B7C\",\n Border: \"#CEDAE4\", Destructive: \"#C93C36\",\n \"On Destructive\": \"#FFFFFF\", Ring: \"#2368B5\",\n Notes: \"Synthesized constraint-safe light blue palette; not a raw database row.\",\n },\n },\n {\n key: \"green emerald\",\n row: {\n \"Product Type\": \"Constraint-safe custom light green\",\n Primary: \"#197A4D\", \"On Primary\": \"#FFFFFF\",\n Secondary: \"#547363\", \"On Secondary\": \"#FFFFFF\",\n Accent: \"#218B59\", \"On Accent\": \"#FFFFFF\",\n Background: \"#F6FAF7\", Foreground: \"#14271D\",\n Card: \"#FFFFFF\", \"Card Foreground\": \"#14271D\",\n Muted: \"#E8F0EB\", \"Muted Foreground\": \"#586B60\",\n Border: \"#CEDDD3\", Destructive: \"#C93C36\",\n \"On Destructive\": \"#FFFFFF\", Ring: \"#197A4D\",\n Notes: \"Synthesized constraint-safe light green palette; not a raw database row.\",\n },\n },\n ];\n\n const preferred = palettes\n .map((palette) => ({ ...palette, score: required.reduce((score, term) => score + (palette.key.includes(term.toLocaleLowerCase(\"en\")) ? 1 : 0), 0) }))\n .sort((a, b) => b.score - a.score);\n const selected = preferred.find((palette) => !colorFamilyViolation(palette.row, forbidden));\n if (selected) return selected.row;\n\n return {\n \"Product Type\": \"Constraint-safe neutral fallback\",\n Primary: dark ? \"#C7D1D6\" : \"#33434B\", \"On Primary\": dark ? \"#10181C\" : \"#FFFFFF\",\n Secondary: dark ? \"#9CAEB7\" : \"#566870\", \"On Secondary\": dark ? \"#10181C\" : \"#FFFFFF\",\n Accent: dark ? \"#D6DEE2\" : \"#27363D\", \"On Accent\": dark ? \"#10181C\" : \"#FFFFFF\",\n Background: dark ? \"#0B1114\" : \"#F7F9FA\", Foreground: dark ? \"#F2F6F7\" : \"#172126\",\n Card: dark ? \"#141D21\" : \"#FFFFFF\", \"Card Foreground\": dark ? \"#F2F6F7\" : \"#172126\",\n Muted: dark ? \"#1C292F\" : \"#E9EEF0\", \"Muted Foreground\": dark ? \"#A6B5BC\" : \"#586970\",\n Border: dark ? \"#304148\" : \"#D1DCE0\", Destructive: \"#C93C36\",\n \"On Destructive\": \"#FFFFFF\", Ring: dark ? \"#C7D1D6\" : \"#33434B\",\n Notes: \"Synthesized neutral palette used because all colored fallbacks conflicted with exclusions.\",\n };\n}\n\n\n\nfunction chooseCandidate(rows: Row[], required: string[], forbidden: string[], mode: \"auto\" | \"light\" | \"dark\" = \"auto\", isColor = false): { selected: Row; warning?: string } {\n if (!rows.length) {\n return {\n selected: isColor ? safePaletteFallback(mode, required, forbidden) : {},\n warning: isColor\n ? \"No database palette was returned; a constraint-safe synthesized palette was applied.\"\n : \"No candidate was returned by the skill database.\",\n };\n }\n let candidates = rows.filter((row) => !containsForbidden(row, forbidden));\n if (isColor) candidates = candidates.filter((row) => !colorFamilyViolation(row, forbidden));\n if (mode !== \"auto\" && isColor) {\n const modeCandidates = candidates.filter((row) => {\n const luminance = hexLuminance(row.Background ?? \"\");\n if (luminance === null) return false;\n return mode === \"dark\" ? luminance < 0.22 : luminance > 0.55;\n });\n if (modeCandidates.length) candidates = modeCandidates;\n }\n if (!candidates.length) {\n return {\n selected: isColor ? safePaletteFallback(mode, required, forbidden) : {},\n warning: isColor\n ? \"No database palette satisfied every exclusion; a constraint-safe synthesized palette was applied.\"\n : \"No recommendation satisfied every exclusion; no conflicting recommendation was selected.\",\n };\n }\n candidates.sort((a, b) => scoreRequired(b, required) - scoreRequired(a, required));\n return { selected: candidates[0] };\n}\n\nfunction densitySpacing(density: number) {\n if (density <= 3) return { label: \"Spacious\", xs: \"4px\", sm: \"8px\", md: \"24px\", lg: \"32px\", xl: \"48px\", \"2xl\": \"64px\", \"3xl\": \"96px\" };\n if (density >= 8) return { label: \"Dense / Dashboard\", xs: \"2px\", sm: \"4px\", md: \"8px\", lg: \"12px\", xl: \"16px\", \"2xl\": \"24px\", \"3xl\": \"32px\" };\n return { label: \"Standard\", xs: \"4px\", sm: \"8px\", md: \"16px\", lg: \"24px\", xl: \"32px\", \"2xl\": \"48px\", \"3xl\": \"64px\" };\n}\n\nfunction varianceKeywords(variance: number): string[] {\n if (variance <= 3) return [\"Minimalism\", \"Swiss\", \"centered\", \"symmetric\", \"grid-based\"];\n if (variance >= 8) return [\"Bento\", \"asymmetric\", \"experimental\", \"bold\"];\n return [\"modern\", \"structured\", \"balanced\"];\n}\n\nfunction motionTier(motion: number): string {\n if (motion <= 3) return \"Subtle\";\n if (motion >= 8) return \"Complex\";\n return \"Standard\";\n}\n\nexport interface DesignOptions {\n projectName?: string;\n stack?: Stack;\n mode?: \"auto\" | \"light\" | \"dark\";\n variance?: number;\n motion?: number;\n density?: number;\n requiredTerms?: string[];\n forbiddenTerms?: string[];\n}\n\nexport async function generateDesignSystem(query: string, options: DesignOptions = {}) {\n const variance = Math.max(1, Math.min(10, options.variance ?? 5));\n const motion = Math.max(1, Math.min(10, options.motion ?? 4));\n const density = Math.max(1, Math.min(10, options.density ?? 5));\n const mode = options.mode ?? \"auto\";\n const required = options.requiredTerms ?? [];\n const forbidden = options.forbiddenTerms ?? [];\n\n const productSearch = await searchKnowledge(query, \"product\", 1);\n const product = productSearch.results[0] ?? {};\n const category = product[\"Product Type\"] || \"General\";\n const rule = await findReasoningRule(category);\n const ruleStyles = splitTerms(rule.Style_Priority ?? \"Minimalism, Flat Design\");\n const stylePriority = [...varianceKeywords(variance), ...ruleStyles, ...required];\n\n const [styleSearch, colorSearch, landingSearch, typographySearch, motionSearch, stackGuidelines] = await Promise.all([\n searchKnowledge(`${query} ${stylePriority.slice(0, 5).join(\" \")}`, \"style\", 10),\n searchKnowledge(query, \"color\", 10),\n searchKnowledge(query, \"landing\", 4),\n searchKnowledge(query, \"typography\", 6),\n searchKnowledge(`${query} ${motionTier(motion)}`, \"gsap\", 3),\n options.stack ? searchStack(query, options.stack, 6) : Promise.resolve(null),\n ]);\n\n const styleChoice = chooseCandidate(styleSearch.results, stylePriority, forbidden, \"auto\", false);\n const colorChoice = chooseCandidate(colorSearch.results, required, forbidden, mode, true);\n const typographyChoice = chooseCandidate(typographySearch.results, required, forbidden, \"auto\", false);\n const landingChoice = chooseCandidate(landingSearch.results, required, forbidden, \"auto\", false);\n\n const warnings = [styleChoice.warning, colorChoice.warning, typographyChoice.warning, landingChoice.warning].filter(Boolean) as string[];\n let decisionRules: unknown = {};\n try { decisionRules = JSON.parse(rule.Decision_Rules || \"{}\"); } catch { decisionRules = {}; }\n\n const checklist = [\n \"Use SVG icons from a consistent library; do not use emoji as interface icons.\",\n \"Keep visible keyboard focus states and semantic landmarks.\",\n \"Maintain at least WCAG AA contrast and 44x44px touch targets.\",\n \"Respect prefers-reduced-motion and avoid layout-shifting animation.\",\n \"Validate responsive behavior at 375px, 768px, 1024px and 1440px.\",\n \"Do not expose internal identifiers, raw JSON or provider errors in the normal UI.\",\n ];\n\n return {\n projectName: options.projectName || query,\n query,\n category,\n product,\n pattern: {\n name: landingChoice.selected[\"Pattern Name\"] || rule.Recommended_Pattern || \"Minimal Direct\",\n sectionOrder: landingChoice.selected[\"Section Order\"] || \"\",\n ctaPlacement: landingChoice.selected[\"Primary CTA Placement\"] || \"\",\n colorStrategy: landingChoice.selected[\"Color Strategy\"] || \"\",\n conversionFocus: landingChoice.selected[\"Conversion Optimization\"] || \"\",\n },\n style: styleChoice.selected,\n colors: colorChoice.selected,\n typography: typographyChoice.selected,\n effects: {\n reasoning: rule.Key_Effects || styleChoice.selected[\"Effects & Animation\"] || \"Subtle transitions\",\n motionTier: motionTier(motion),\n recommendation: motionSearch.results[0] ?? {},\n },\n antiPatterns: splitTerms(rule.Anti_Patterns || \"Excessive decoration, color-only indicators\"),\n decisionRules,\n dials: { variance, motion, density },\n spacing: densitySpacing(density),\n stackGuidelines: stackGuidelines?.results ?? [],\n checklist,\n constraints: { mode, requiredTerms: required, forbiddenTerms: forbidden },\n constraintWarnings: warnings,\n source: {\n repository: REPOSITORY,\n license: \"MIT\",\n data: \"Official main-branch CSV datasets loaded live\",\n engine: \"Deterministic TypeScript BM25 port of UI UX Pro Max search logic\",\n },\n };\n}\n\nexport function designSystemToMarkdown(system: Awaited>): string {\n const lines = [\n `## Design System: ${system.projectName}`,\n \"\",\n `- **Category:** ${system.category}`,\n `- **Pattern:** ${system.pattern.name}`,\n `- **Style:** ${system.style[\"Style Category\"] || \"Not resolved\"}`,\n `- **Typography:** ${system.typography[\"Heading Font\"] || \"\"} / ${system.typography[\"Body Font\"] || \"\"}`,\n `- **Mode:** ${system.constraints.mode}`,\n `- **Dials:** variance ${system.dials.variance}/10, motion ${system.dials.motion}/10, density ${system.dials.density}/10`,\n \"\",\n \"### Palette\",\n `- Primary: ${system.colors.Primary || \"\"}`,\n `- Secondary: ${system.colors.Secondary || \"\"}`,\n `- Accent: ${system.colors.Accent || \"\"}`,\n `- Background: ${system.colors.Background || \"\"}`,\n `- Foreground: ${system.colors.Foreground || \"\"}`,\n `- Border: ${system.colors.Border || \"\"}`,\n \"\",\n \"### Interaction and accessibility\",\n ...system.checklist.map((item) => `- ${item}`),\n ];\n if (system.antiPatterns.length) lines.push(\"\", \"### Avoid\", ...system.antiPatterns.map((item) => `- ${item}`));\n if (system.constraintWarnings.length) lines.push(\"\", \"### Constraint warnings\", ...system.constraintWarnings.map((item) => `- ${item}`));\n return lines.join(\"\\n\");\n}\n\nexport function getCatalog() {\n return {\n name: \"UI UX Pro Max MCP\",\n repository: REPOSITORY,\n license: \"MIT\",\n domains: DOMAINS,\n stacks: STACKS,\n behavior: \"Read-only. Loads official public datasets and performs deterministic BM25 ranking.\",\n };\n}\n",[95],"pulls","branches","forks","envVars",{"_305":20,"_307":20},"connections",{"_305":20,"_306":20},"count","unfilledCount","emptyCount",{"_43":294,"_13":95,"_78":94,"_53":-5,"_45":46,"_287":144,"_288":170,"_47":314,"_49":76,"_81":96,"_290":296,"_83":24,"_292":-5,"_311":315,"_256":316},{"_43":286,"_13":80,"_78":79,"_53":-5,"_45":46,"_287":187,"_288":170,"_47":310,"_49":112,"_81":82,"_290":291,"_83":24,"_292":-5,"_311":312,"_256":313},["D",1784167962458],"children",[],[80],["D",1784167756507],[],[95],["D",1784167210756],{"_11":12,"_255":86},{"_11":12,"_250":251,"_85":86,"_25":84,"_252":253,"_254":24},{"_49":203,"_13":16,"_43":46,"_242":208,"_243":74,"_244":50,"_245":212,"_246":208,"_247":52,"_248":14,"_249":12},"ctx",{"_62":-5,"_276":354,"_355":356,"_357":358,"_359":24,"_360":24,"_361":24,"_362":170,"_363":-5,"_364":-7,"_365":-7,"_366":20,"_367":24,"_368":24,"_369":-5,"_370":24,"_371":24,"_372":24,"_373":-5},"ENV",{"_325":326,"_327":328,"_329":75,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History