{"_id":"@emeraldemperaur/apotheosis-ux-mcp","_rev":"2-1e0f88572f42632a52095cd3e1b76e39","name":"@emeraldemperaur/apotheosis-ux-mcp","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@emeraldemperaur/apotheosis-ux-mcp","version":"1.0.0","_id":"@emeraldemperaur/apotheosis-ux-mcp@1.0.0","maintainers":[{"name":"emeraldemperaur","email":"egwim.emeka@gmail.com"}],"bin":{"apotheosis-mcp":"./dist/index.js"},"dist":{"shasum":"54085032a7edba7b0bc1bc823722b06d33f32684","tarball":"https://registry.npmjs.org/@emeraldemperaur/apotheosis-ux-mcp/-/apotheosis-ux-mcp-1.0.0.tgz","fileCount":24,"integrity":"sha512-ujFreIHkTqbDaC/XJvhzrEpoCbkfftYkHFZ0XSTwMLOvS5y/BrbkhiG3XaHB4S+OdFcjpoT2qHeuwKJ9RP/Mpg==","signatures":[{"sig":"MEYCIQC8W9YL0rpw0+5qQy1FuS8rUTbfUpfNpw1FHSofhGm7QQIhANPa0eZn9IMmWZTHPKEgnTsdKLV+LUSgs1xlkTccj2OW","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42950},"type":"module","private":false,"scripts":{"build":"npm run build:registry && tsc","start":"node dist/index.js","build:registry":"tsx src/scripts/build-registry.ts"},"_npmUser":{"name":"emeraldemperaur","email":"egwim.emeka@gmail.com"},"directories":{},"_nodeVersion":"24.15.0","dependencies":{"zod":"^3.25.76","cors":"^2.8.6","cheerio":"^1.2.0","express":"^4.22.2","@clerk/backend":"latest","@clerk/express":"^2.1.23","@clerk/mcp-tools":"latest","@modelcontextprotocol/sdk":"latest"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.22.4","typescript":"^5.9.3","@types/cors":"^2.8.19","@types/node":"^20.19.42","@types/express":"^4.17.25"},"_npmOperationalInternal":{"tmp":"tmp/apotheosis-ux-mcp_1.0.0_1780987175512_0.7984147505610539","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@emeraldemperaur/apotheosis-ux-mcp","version":"1.0.1","private":false,"type":"module","bin":{"apotheosis-mcp":"dist/index.js"},"dependencies":{"@clerk/backend":"latest","@clerk/express":"^2.1.23","@clerk/mcp-tools":"latest","@modelcontextprotocol/sdk":"latest","cheerio":"^1.2.0","cors":"^2.8.6","express":"^4.22.2","zod":"^3.25.76"},"devDependencies":{"@types/cors":"^2.8.19","@types/express":"^4.17.25","@types/node":"^20.19.42","tsx":"^4.22.4","typescript":"^5.9.3"},"publishConfig":{"access":"public"},"scripts":{"build:registry":"tsx src/scripts/build-registry.ts","build":"npm run build:registry && tsc","start":"node dist/index.js"},"_id":"@emeraldemperaur/apotheosis-ux-mcp@1.0.1","description":"![Changesets](https://img.shields.io/badge/maintained%20with-changesets-176de3?style=flat-square&logo=changesets&logoColor=white)","_integrity":"sha512-beXHwwWqdIiwR7+N7aHocVWS0lC4FWhZkj99kGG9A0GPHFb4zCKhSsn+lEp+TQ2VhEirLCgCofUcR/ZP8a/puw==","_resolved":"/tmp/41e7e7b757c21a2a382e5cf7d2575e8e/emeraldemperaur-apotheosis-ux-mcp-1.0.1.tgz","_from":"file:emeraldemperaur-apotheosis-ux-mcp-1.0.1.tgz","_nodeVersion":"20.20.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-beXHwwWqdIiwR7+N7aHocVWS0lC4FWhZkj99kGG9A0GPHFb4zCKhSsn+lEp+TQ2VhEirLCgCofUcR/ZP8a/puw==","shasum":"40ff2698f3e69a0f02a5f3c15abfec7ade0b7b84","tarball":"https://registry.npmjs.org/@emeraldemperaur/apotheosis-ux-mcp/-/apotheosis-ux-mcp-1.0.1.tgz","fileCount":24,"unpackedSize":42364,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCeoTtgvaJ7gJKvSmBHJw5Qpl3TCnOoTQuB5HfPQMpaTQIhAMNqYg3Rf19KY6fzuWceSiJYQ6YBLGrBKRpgbI988vPM"}]},"_npmUser":{"name":"emeraldemperaur","email":"egwim.emeka@gmail.com"},"directories":{},"maintainers":[{"name":"emeraldemperaur","email":"egwim.emeka@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/apotheosis-ux-mcp_1.0.1_1780987926808_0.12919404716227012"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-09T06:39:35.355Z","modified":"2026-06-09T06:52:07.033Z","1.0.0":"2026-06-09T06:39:35.654Z","1.0.1":"2026-06-09T06:52:06.949Z"},"maintainers":[{"name":"emeraldemperaur","email":"egwim.emeka@gmail.com"}],"readme":"# Apotheosis UX\n## Neumorphic Design System, UI Component Library & MCP (Model Context Protocol) Server\n![Changesets](https://img.shields.io/badge/maintained%20with-changesets-176de3?style=flat-square&logo=changesets&logoColor=white) \n\n<p align=\"justify\"><strong>Apotheosis UX</strong> is a modern, TypeScript-first component ecosystem engineered to power next generation full-stack web applications. It proffers a comprehensive <strong>Neumorphic design system</strong>, equipping developers with sleek, accessible, and production-ready primitives to craft highly tactile, minimalist, and ultramodern user interfaces. \n\nBeyond aesthetics, <em>Apotheosis UX</em> pioneers an <strong>AI-ready architecture</strong>—tailored for agent-driven experiences like RAG pipelines, conversational interfaces & generative UI. Built for seamless integration into AI coding environments via the Model Context Protocol (MCP).</p>\n\n## Private Monorepository (Request Access) 🔐\nAccess to the core source code is currently restricted.\n<a href=\"https://www.github.com/emeraldemperaur/apotheosis-ux\" target=\"_blank\">Apotheosis UX Repository</a>\n\n## Quick Start\n<p align='justify'>Read the <a href=\"#\" target=\"_blank\">official Apotheosis UX documentation</a> for comprehensive guides on neumorphic design system, React primitives, backend component templates and MCP server deployment.</p>\n\n## Usage\n\n#### Install Apotheosis UX Component Library\n<p align='justify'>For standard React frontend application project:</p>\n\n```bash\nnpm install @emeraldemperaur/apotheosis-ux\n```\n\n#### Connect with AI Developer via MCP Server \n<p align='justify'>Apotheosis UX proffers an official Model Context Protocol server. This allows AI IDEs to directly read the component registry, type definitions, and backend blueprints to facilitate a hallucination-resistant developer experience.</p>\n\n##### Option A: Remote Enterprise Connection (Frictionless Authentication)\n<p align='justify'>For subscribed users, add the managed endpoint to the AI IDE's MCP configuration. Apotheosis UX utilizes Streamable HTTP in tandem with dynamic Clerk OAuth. IDE will automatically prompt a secure browser login with no API keys required.</p>\n\n```json\n{\n  \"mcpServers\": {\n    \"mito-ui\": {\n      \"url\": \"https://apotheosis-ux.onrender.com/mcp\",\n      \"transport\": \"http\"\n    }\n  }\n}\n```\n\n##### Option B: Local CLI Connection (Authentication Key)\n<p align='justify'>Install the CLI package globally to run the server locally.</p>\n\n```bash\nnpm install -g @emeraldemperaur/mito-ui-mcp\n```\n\n<p align='justify'>Configure the AI IDE to launch Apotheosis UX MCP via <code>stdio</code>:</p>\n\n```json\n{\n  \"mcpServers\": {\n    \"mito-ui-local\": {\n      \"command\": \"npx\",\n      \"args\": [\"@emeraldemperaur/apotheosis-ux-mcp\", \"--local\"]\n    }\n  }\n}\n```\n<ul>\n<li><a href=\"https://docs.openclaw.ai/gateway/configuration\">Cursor MCP Configuration</a></li>\n<li><a href=\"https://windsurf.run/mcp/filesystem\">WindSurf MCP Configuration</a></li>\n<li><a href=\"https://modelcontextprotocol.io/docs/develop/connect-remote-servers\">Claude Desktop MCP Configuration</a></li>\n<li><a href=\"https://docs.replit.com/build/connect-via-mcp#share-an-install-link\">Replit MCP Configuration</a></li>\n<li><a href=\"https://docs.devin.ai/cli/extensibility/mcp/configuration\">Devin MCP Configuration</a></li>\n<li><a href=\"https://docs.openclaw.ai/gateway/configuration\">OpenClaw MCP Configuration</a></li>\n</ul>\n\n## Design System Tenets\n<ul>\n<li><strong>Performance:</strong></li>\n<li><strong>ARIA Compliant Accessibility:</strong> Strict ARIA compliance across all primitives</li>\n<li><strong>Light vs. Dark Mode:</strong> Robust Light/Dark mode support</li>\n<li><strong>Theming Extensibility:</strong> Theming and styling customization support enabled via SCSS/CSS variables.</li>\n<li><strong>Agentic AI Compatibility:</strong> Strongly typed TypeScript full-stack components annotated with holistic JSDoc context and metadata for LLM (Large Language Model) ingestion.</li>\n</ul>\n\n## System Architecture Overview\n<p align='justify'>Apotheosis UX ecosystem is structured as a scalable monorepo:</p>\n<ol>\n<li><strong>Apotheosis UX Component Library</strong> <code>@emeraldemperaur/apotheosis-ux</code>: Named Exports React UI component library.</li>\n<li><strong>Apotheosis UX Backend Templates</strong> <code>@emeraldemperaur/apotheosis-ux</code>: Scalable backend service components & architectural templates.</li>\n<li><strong>Apotheosis UX Model Context Protocol Server</strong> <code>@emeraldemperaur/apotheosis-ux-mcp</code>: Dual-transport enabled AI context server via remote <code>Streamable HTTP</code> and localhost <code>StdioServerTransport</code>.</li>\n</ol>\n\n\n## Build Tools\n### 🎨 Frontend & Design Tools\n![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)\n![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)\n![SCSS](https://img.shields.io/badge/SCSS-CC6699?style=for-the-badge&logo=sass&logoColor=white)\n![Radix UI](https://img.shields.io/badge/Radix_UI-161618?style=for-the-badge&logo=radixui&logoColor=white)\n![D3.js](https://img.shields.io/badge/D3.js-F9A03C?style=for-the-badge&logo=d3dotjs&logoColor=white)\n\n\n### 🛠 Dev Tools & Workflow\n![PNPM Workspace](https://img.shields.io/badge/PNPM%20Workspace-222222?style=for-the-badge&logo=pnpm&logoColor=F69220)\n![Husky](https://img.shields.io/badge/Husky-000000?style=for-the-badge&logo=git&logoColor=white)\n![Jest](https://img.shields.io/badge/Jest-C21325?style=for-the-badge&logo=jest&logoColor=white)\n![Rollup](https://img.shields.io/badge/Rollup-EC4A3F?style=for-the-badge&logo=rollupdotjs&logoColor=white)\n\n\n### 🖥️ UI Component Library Deployment\n![GitHub Actions](https://img.shields.io/badge/GitHub_Actions-2088FF?style=for-the-badge&logo=githubactions&logoColor=white)\n![Storybook](https://img.shields.io/badge/Storybook-FF4785?style=for-the-badge&logo=storybook&logoColor=white)\n![Chromatic](https://img.shields.io/badge/Chromatic-FC521F?style=for-the-badge&logo=chromatic&logoColor=white)\n![Netlify](https://img.shields.io/badge/Netlify-00C7B7?style=for-the-badge&logo=netlify&logoColor=white)\n\n### ☁️ Backend Templates & Build Tools\n![OAuth](https://img.shields.io/badge/OAuth-000000?style=for-the-badge)\n![Prisma ORM](https://img.shields.io/badge/Prisma%20ORM-2D3748?style=for-the-badge&logo=prisma&logoColor=white)\n![Twilio](https://img.shields.io/badge/Twilio-F22F46?style=for-the-badge&logo=twilio&logoColor=white)\n![Stripe](https://img.shields.io/badge/Stripe-626CD9?style=for-the-badge&logo=Stripe&logoColor=white)\n![Flutterwave](https://img.shields.io/badge/Flutterwave-FB9129?style=for-the-badge)\n![Jumio](https://img.shields.io/badge/Jumio-00A453?style=for-the-badge)\n![Trulioo](https://img.shields.io/badge/Trulioo-1CE8A8?style=for-the-badge&logoColor=black)\n![Ada CX](https://img.shields.io/badge/Ada%20CX-0A0B0C?style=for-the-badge)\n![Grafana Loki](https://img.shields.io/badge/Grafana%20Loki-F46800?style=for-the-badge&logo=grafana&logoColor=white)\n![Datadog](https://img.shields.io/badge/Datadog-632CA6?style=for-the-badge&logo=datadog&logoColor=white)\n![AWS](https://img.shields.io/badge/AWS-232F3E?style=for-the-badge&logo=amazonwebservices&logoColor=white)\n![Vercel AI SDK](https://img.shields.io/badge/Vercel%20AI%20SDK-000000?style=for-the-badge&logo=vercel&logoColor=white)\n\n### 📡 MCP Server Integration\n![MCP SDK](https://img.shields.io/badge/@modelcontextprotocol/sdk-CB3837?style=for-the-badge&logo=npm&logoColor=white)\n![Clerk](https://img.shields.io/badge/Clerk-6C47FF?style=for-the-badge&logo=clerk&logoColor=white)\n![Zod](https://img.shields.io/badge/Zod-3E67B1?style=for-the-badge&logo=zod&logoColor=white)\n![Express.js](https://img.shields.io/badge/Express.js-000000?style=for-the-badge&logo=express&logoColor=white)\n![Render](https://img.shields.io/badge/Render-000000?style=for-the-badge&logo=render&logoColor=white)\n\n\n## Monorepo Footnotes\n<p align='justify'>Ensure you are using <code>pnpm</code> as the package manager for this workspace.</p>\n\n#### Global install PNPM via NPM\n```bash\nnpm install -g pnpm\n```\n\n#### Publishing PNPM Workflow\n<p align='justify'>To release updates to the NPM registry, authenticate and use PNPM workspace filters:</p>\n\n##### NPM Authenticate\n\n```bash\nnpm login\n```\n\n##### Publish using PNPM Filters\n```bash\npnpm --filter package1name publish --access public\npnpm --filter package2name publish --access public\n```\n<p align='justify'>e.g.</p>\n\n```bash\nnpm login\npnpm --filter @emeraldemperaur/apotheosis-ux publish --access public\npnpm --filter @emeraldemperaur/apotheosis-ux-mcp publish --access public\n```\n\n#### Init Husky\n```bash\n# Install Husky in tandem with lint-staged at the workspace root\npnpm add -wD husky lint-staged\n\n# Initialize Husky in workspace root to create .husky folder and update package.json scripts\npnpm exec husky init\n```\n<p align='justify'>Configure <code>pre-commit</code> hook in <code>.husky/pre-commit</code> to run lint-staged.</p>\n\n```bash\npnpm exec lint-staged\n```\n\n#### Changset Versioning\n```bash\n# Monorepo Root\npnpm add -wD @changesets/cli\n\n# Initialize the config folder\npnpm exec changeset init\n\n# Generate the Changeset\npnpm changeset\n```\n\n#### CLI NPM Package Publish\n```bash\n# Run build\npnpm run build:all\n\n# Localhost Monorepo NPM Publish\npnpm --filter @username/repo-name publish --access public --no-git-checks\npnpm --filter @username/reponame publish --access public --no-git-checks\n```\n","readmeFilename":"README.md","description":"![Changesets](https://img.shields.io/badge/maintained%20with-changesets-176de3?style=flat-square&logo=changesets&logoColor=white)"}