@elsahafy/ux-mcp-server 4.0.0 → 4.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 MCP Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,331 +1,153 @@
-# UX MCP Server
-
-[![npm version](https://badge.fury.io/js/@elsahafy%2Fux-mcp-server.svg)](https://www.npmjs.com/package/@elsahafy/ux-mcp-server)
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-
-Model Context Protocol server that provides comprehensive UX best practices, accessibility guidelines (WCAG), usability heuristics (Nielsen), UI patterns, performance optimization, SEO, internationalization, animation, and React patterns to AI assistants.
-
-## Installation
-
-### npm (Recommended)
-
-```bash
-npm install -g @elsahafy/ux-mcp-server
-```
-
-### npx (No Installation)
-
-```bash
-npx @elsahafy/ux-mcp-server
-```
-
-### From Source
-
-```bash
-git clone https://github.com/elsahafy/ux-mcp-server.git
-cd ux-mcp-server
-npm install
-npm run build
-```
-
-## Features
-
-### 📚 Resources (12 Knowledge Bases)
-
-Access comprehensive UX knowledge bases:
-
-- **ux://accessibility/wcag** - WCAG 2.1 AA Guidelines with code checks
-- **ux://usability/nielsen-heuristics** - Nielsen's 10 Usability Heuristics
-- **ux://patterns/ui-patterns** - Common UI patterns library
-- **ux://design-systems/tokens** - Design system principles & tokens
-- **ux://responsive/design** - Responsive design & mobile-first principles
-- **ux://themes/dark-mode** - Dark mode implementation guide
-- **ux://content/error-messages** - User-friendly error message library
-- **ux://performance/optimization** - Core Web Vitals & performance best practices
-- **ux://seo/guidelines** - SEO best practices, meta tags, structured data
-- **ux://i18n/patterns** - Internationalization & localization patterns
-- **ux://animation/motion** - Motion design principles & accessibility
-- **ux://react/patterns** - Advanced React patterns & state management
-
-### 🛠️ Tools (11 Dynamic Operations)
-
-Powerful tools for UX analysis and generation:
-
-1. **analyze_accessibility** - Check code for WCAG violations
-2. **review_usability** - Evaluate against Nielsen's heuristics
-3. **suggest_pattern** - Find appropriate UI patterns for use cases
-4. **generate_component_example** - Create accessible HTML/CSS examples
-5. **audit_design_system** - Review design token structure
-6. **check_contrast** - Verify WCAG color contrast ratios
-7. **check_responsive** - Analyze mobile-first and responsive design
-8. **suggest_error_message** - Get user-friendly error messages
-9. **analyze_performance** - Check code for performance issues & Core Web Vitals
-10. **check_seo** - Analyze HTML for SEO best practices
-11. **suggest_animation** - Recommend animations for UI interactions
-
-### 💬 Prompts (Pre-configured Reviews)
-
-Three comprehensive review workflows:
-
-1. **accessibility_review** - Full WCAG accessibility audit
-2. **usability_audit** - Complete Nielsen heuristics evaluation
-3. **design_system_setup** - Guide for creating design systems
-
-## Usage with Claude Desktop
-
-After installing via npm, add to your Claude Desktop config file.
-
-### Configuration
-
-**Location of config file:**
-- macOS: `~/Library/Application Support/Claude/claude_desktop_config.json`
-- Windows: `%APPDATA%\Claude\claude_desktop_config.json`
-
-**If installed globally via npm:**
-
-```json
-{
-  "mcpServers": {
-    "ux-best-practices": {
-      "command": "ux-mcp-server"
-    }
-  }
-}
-```
-
-**If installed from source:**
-
-```json
-{
-  "mcpServers": {
-    "ux-best-practices": {
-      "command": "node",
-      "args": [
-        "/absolute/path/to/ux-mcp-server/dist/index.js"
-      ]
-    }
-  }
-}
-```
-
-On Windows (source install), the path might look like:
-```json
-"C:\\Users\\YourName\\ux-mcp-server\\dist\\index.js"
-```
-
-After updating the config, restart Claude Desktop.
-
-## Example Usage
-
-### Analyze Accessibility
-
-```typescript
-// In Claude Desktop, you can now ask:
-"Analyze this button for accessibility issues"
-
-// Claude will use the analyze_accessibility tool
-```
-
-### Get UI Pattern Suggestions
-
-```typescript
-"I need to display a list of items with filtering - what UI pattern should I use?"
-
-// Claude will use suggest_pattern tool
-```
-
-### Generate Component Examples
-
-```typescript
-"Generate an accessible modal dialog example"
-
-// Claude will use generate_component_example tool
-```
-
-### Check Color Contrast
-
-```typescript
-"Check if #3b82f6 on #ffffff meets WCAG AA"
-
-// Claude will use check_contrast tool
-```
-
-### Analyze Performance
-
-```typescript
-"Analyze this React component for performance issues"
-
-// Claude will use analyze_performance tool to check:
-// - Image optimization
-// - CSS performance
-// - JavaScript bundle size
-// - Loading patterns
-```
-
-### Check SEO
-
-```typescript
-"Review this HTML page for SEO best practices"
-
-// Claude will use check_seo tool to validate:
-// - Meta tags (title, description)
-// - Open Graph tags
-// - Structured data (JSON-LD)
-// - Canonical URLs
-```
-
-### Suggest Animation
-
-```typescript
-"What animation should I use for a button click?"
-
-// Claude will use suggest_animation tool to recommend:
-// - Animation type
-// - Duration and easing
-// - CSS/JS implementation
-// - Accessibility considerations
-```
-
-## Knowledge Base Contents
-
-### WCAG Guidelines
-- Perceivable (alt text, contrast, semantic HTML)
-- Operable (keyboard access, focus management)
-- Understandable (error handling, clear labels)
-- Robust (ARIA, assistive technology support)
-
-### Nielsen's Heuristics
-1. Visibility of System Status
-2. Match Between System and Real World
-3. User Control and Freedom
-4. Consistency and Standards
-5. Error Prevention
-6. Recognition Rather than Recall
-7. Flexibility and Efficiency of Use
-8. Aesthetic and Minimalist Design
-9. Help Users Recognize, Diagnose, and Recover from Errors
-10. Help and Documentation
-
-### UI Patterns
-- **Navigation**: Headers, breadcrumbs, tabs
-- **Forms**: Single column, multi-step wizards, validation
-- **Feedback**: Toasts, modals, loading states
-- **Data Display**: Tables, cards, empty states
-- **Input Components**: Search, date pickers, file upload
-
-### Design System Principles
-- Atomic Design methodology
-- Design token structure (primitive → semantic → component)
-- Typography scales
-- Spacing systems
-- Color theory
-- Component API design
-
-### Performance Optimization
-- Core Web Vitals (LCP, INP, CLS)
-- Image optimization strategies
-- CSS performance
-- JavaScript bundle optimization
-- Lazy loading & code splitting
-- Caching strategies
-- Performance budgets
-
-### SEO Best Practices
-- Meta tags (title, description, keywords)
-- Open Graph protocol
-- Twitter Cards
-- Structured data (JSON-LD, Schema.org)
-- Technical SEO (robots.txt, sitemap, canonical)
-- Local SEO & rich snippets
-
-### Internationalization (i18n)
-- Text direction (LTR/RTL support)
-- Locale-aware formatting (dates, numbers, currencies)
-- Translation patterns
-- Cultural considerations
-- Font and character set handling
-- URL structures for multilingual sites
-
-### Animation & Motion Design
-- Disney's 12 principles of animation
-- Timing and easing functions
-- Motion design principles
-- Performance (GPU acceleration)
-- Accessibility (prefers-reduced-motion)
-- Common UI animation patterns
-
-### React Patterns
-- Compound components
-- Custom hooks
-- State management strategies
-- Performance optimization (memoization, code splitting)
-- Error boundaries
-- Accessibility patterns in React
-- Testing best practices
-
-## Development
-
-```bash
-# Watch mode during development
-npm run watch
-
-# Build for production
-npm run build
-
-# Test the server
-npm run dev
-```
-
-## Framework Agnostic
-
-All examples and guidelines are framework-agnostic, focusing on:
-- Semantic HTML
-- CSS best practices
-- ARIA attributes
-- Accessibility standards
-- Universal UX principles
-
-Works with React, Vue, Svelte, Angular, or vanilla JavaScript.
-
-## What's New in v2.0.0
-
-- ✨ 5 new knowledge resources: Performance, SEO, i18n, Animation, React Patterns
-- 🛠️ 3 new tools: analyze_performance, check_seo, suggest_animation
-- 📦 Total: 12 resources, 11 tools, 3 prompts
-- 🚀 Published to npm for easy installation
-
-## Contributing
-
-To add new patterns or guidelines:
-
-1. Add content to appropriate file in `knowledge/` directory
-2. Update tool implementations in `src/index.ts` if needed
-3. Rebuild: `npm run build`
-4. Test locally: `npm run dev`
-5. Submit a pull request
-
-## License
-
-MIT
-
-## Credits
-
-- WCAG 2.1 Guidelines from W3C
-- Nielsen's Usability Heuristics by Jakob Nielsen
-- UI Patterns from established design systems and best practices
-- Design Token concepts from design system community
-- Core Web Vitals from Google Web.dev
-- SEO best practices from Google Search Central
-- Animation principles from Disney and Material Design
-- React patterns from React community and best practices
-- i18n standards from Unicode CLDR and W3C
-
-## Links
-
-- **npm Package**: https://www.npmjs.com/package/@elsahafy/ux-mcp-server
-- **GitHub Repository**: https://github.com/elsahafy/ux-mcp-server
-- **Issues & Feedback**: https://github.com/elsahafy/ux-mcp-server/issues
-
----
-
-**Built for AI-assisted development with accessibility, usability, performance, and SEO as first-class citizens.**
+# MCP Registry
+
+The MCP registry provides MCP clients with a list of MCP servers, like an app store for MCP servers.
+
+[**📤 Publish my MCP server**](docs/modelcontextprotocol-io/quickstart.mdx) | [**⚡️ Live API docs**](https://registry.modelcontextprotocol.io/docs) | [**👀 Ecosystem vision**](docs/design/ecosystem-vision.md) | 📖 **[Full documentation](./docs)**
+
+## Development Status
+
+**2025-10-24 update**: The Registry API has entered an **API freeze (v0.1)** 🎉. For the next month or more, the API will remain stable with no breaking changes, allowing integrators to confidently implement support. This freeze applies to v0.1 while development continues on v0. We'll use this period to validate the API in real-world integrations and gather feedback to shape v1 for general availability. Thank you to everyone for your contributions and patience—your involvement has been key to getting us here!
+
+**2025-09-08 update**: The registry has launched in preview 🎉 ([announcement blog post](https://blog.modelcontextprotocol.io/posts/2025-09-08-mcp-registry-preview/)). While the system is now more stable, this is still a preview release and breaking changes or data resets may occur. A general availability (GA) release will follow later. We'd love your feedback in [GitHub discussions](https://github.com/modelcontextprotocol/registry/discussions/new?category=ideas) or in the [#registry-dev Discord](https://discord.com/channels/1358869848138059966/1369487942862504016) ([joining details here](https://modelcontextprotocol.io/community/communication)).
+
+Current key maintainers:
+- **Adam Jones** (Anthropic) [@domdomegg](https://github.com/domdomegg)  
+- **Tadas Antanavicius** (PulseMCP) [@tadasant](https://github.com/tadasant)
+- **Toby Padilla** (GitHub) [@toby](https://github.com/toby)
+- **Radoslav (Rado) Dimitrov** (Stacklok) [@rdimitrov](https://github.com/rdimitrov)
+
+## Contributing
+
+We use multiple channels for collaboration - see [modelcontextprotocol.io/community/communication](https://modelcontextprotocol.io/community/communication).
+
+Often (but not always) ideas flow through this pipeline:
+
+- **[Discord](https://modelcontextprotocol.io/community/communication)** - Real-time community discussions
+- **[Discussions](https://github.com/modelcontextprotocol/registry/discussions)** - Propose and discuss product/technical requirements
+- **[Issues](https://github.com/modelcontextprotocol/registry/issues)** - Track well-scoped technical work  
+- **[Pull Requests](https://github.com/modelcontextprotocol/registry/pulls)** - Contribute work towards issues
+
+### Quick start:
+
+#### Pre-requisites
+
+- **Docker**
+- **Go 1.24.x**
+- **ko** - Container image builder for Go ([installation instructions](https://ko.build/install/))
+- **golangci-lint v2.4.0**
+
+#### Running the server
+
+```bash
+# Start full development environment
+make dev-compose
+```
+
+This starts the registry at [`localhost:8080`](http://localhost:8080) with PostgreSQL. The database uses ephemeral storage and is reset each time you restart the containers, ensuring a clean state for development and testing.
+
+**Note:** The registry uses [ko](https://ko.build) to build container images. The `make dev-compose` command automatically builds the registry image with ko and loads it into your local Docker daemon before starting the services.
+
+By default, the registry seeds from the production API with a filtered subset of servers (to keep startup fast). This ensures your local environment mirrors production behavior and all seed data passes validation. For offline development you can seed from a file without validation with `MCP_REGISTRY_SEED_FROM=data/seed.json MCP_REGISTRY_ENABLE_REGISTRY_VALIDATION=false make dev-compose`.
+
+The setup can be configured with environment variables in [docker-compose.yml](./docker-compose.yml) - see [.env.example](./.env.example) for a reference.
+
+<details>
+<summary>Alternative: Running a pre-built Docker image</summary>
+
+Pre-built Docker images are automatically published to GitHub Container Registry:
+
+```bash
+# Run latest stable release
+docker run -p 8080:8080 ghcr.io/modelcontextprotocol/registry:latest
+
+# Run latest from main branch (continuous deployment)
+docker run -p 8080:8080 ghcr.io/modelcontextprotocol/registry:main
+
+# Run specific release version
+docker run -p 8080:8080 ghcr.io/modelcontextprotocol/registry:v1.0.0
+
+# Run development build from main branch
+docker run -p 8080:8080 ghcr.io/modelcontextprotocol/registry:main-20250906-abc123d
+```
+
+**Available tags:** 
+- **Releases**: `latest`, `v1.0.0`, `v1.1.0`, etc.
+- **Continuous**: `main` (latest main branch build)
+- **Development**: `main-<date>-<sha>` (specific commit builds)
+
+</details>
+
+#### Publishing a server
+
+To publish a server, we've built a simple CLI. You can use it with:
+
+```bash
+# Build the latest CLI
+make publisher
+
+# Use it!
+./bin/mcp-publisher --help
+```
+
+See [the publisher guide](./docs/modelcontextprotocol-io/quickstart.mdx) for more details.
+
+#### Other commands
+
+```bash
+# Run lint, unit tests and integration tests
+make check
+```
+
+There are also a few more helpful commands for development. Run `make help` to learn more, or look in [Makefile](./Makefile).
+
+<!--
+For Claude and other AI tools: Always prefer make targets over custom commands where possible.
+-->
+
+## Architecture
+
+### Project Structure
+
+```
+├── cmd/                     # Application entry points
+│   └── publisher/           # Server publishing tool
+├── data/                    # Seed data
+├── deploy/                  # Deployment configuration (Pulumi)
+├── docs/                    # Documentation
+├── internal/                # Private application code
+│   ├── api/                 # HTTP handlers and routing
+│   ├── auth/                # Authentication (GitHub OAuth, JWT, namespace blocking)
+│   ├── config/              # Configuration management
+│   ├── database/            # Data persistence (PostgreSQL)
+│   ├── service/             # Business logic
+│   ├── telemetry/           # Metrics and monitoring
+│   └── validators/          # Input validation
+├── pkg/                     # Public packages
+│   ├── api/                 # API types and structures
+│   │   └── v0/              # Version 0 API types
+│   └── model/               # Data models for server.json
+├── scripts/                 # Development and testing scripts
+├── tests/                   # Integration tests
+└── tools/                   # CLI tools and utilities
+    └── validate-*.sh        # Schema validation tools
+```
+
+### Authentication
+
+Publishing supports multiple authentication methods:
+- **GitHub OAuth** - For publishing by logging into GitHub
+- **GitHub OIDC** - For publishing from GitHub Actions
+- **DNS verification** - For proving ownership of a domain and its subdomains
+- **HTTP verification** - For proving ownership of a domain
+
+The registry validates namespace ownership when publishing. E.g. to publish...:
+- `io.github.domdomegg/my-cool-mcp` you must login to GitHub as `domdomegg`, or be in a GitHub Action on domdomegg's repos
+- `me.adamjones/my-cool-mcp` you must prove ownership of `adamjones.me` via DNS or HTTP challenge
+
+## Community Projects
+
+Check out [community projects](docs/community-projects.md) to explore notable registry-related work created by the community.
+
+## More documentation
+
+See the [documentation](./docs) for more details if your question has not been answered here!

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@elsahafy/ux-mcp-server",
-  "version": "4.0.0",
-  "description": "Model Context Protocol server for UX best practices, accessibility guidelines (WCAG), usability heuristics (Nielsen), UI patterns, and design systems",
+  "version": "4.1.1",
+  "mcpName": "io.github.elsahafy/ux-mcp-server",
+  "description": "MCP server providing 28 UX knowledge resources, 23 analysis tools & 4 workflow prompts. Works with Claude, Cursor, Continue.dev, Cline, Zed & any MCP client. Complete UX ecosystem coverage.",
   "type": "module",
   "main": "dist/index.js",
   "bin": {
@@ -27,17 +28,18 @@
     "accessibility",
     "a11y",
     "wcag",
-    "wcag-aa",
     "design-systems",
-    "design-tokens",
     "usability",
     "nielsen-heuristics",
     "ui-patterns",
-    "accessible",
-    "frontend",
-    "web-design",
+    "ai-tools",
     "claude",
-    "ai-tools"
+    "cursor",
+    "continue-dev",
+    "cline",
+    "zed",
+    "llm-tools",
+    "ai-assistant"
   ],
   "repository": {
     "type": "git",