{"id":30155274,"url":"https://github.com/pglevy/design-system-server","last_synced_at":"2025-08-11T12:20:14.240Z","repository":{"id":297960977,"uuid":"992212129","full_name":"pglevy/design-system-server","owner":"pglevy","description":"A proof-of-concept for publish design system guidance and code snippets as an MCP server for usage with LLMs","archived":false,"fork":false,"pushed_at":"2025-08-07T02:36:01.000Z","size":115,"stargazers_count":3,"open_issues_count":7,"forks_count":3,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-07T04:23:04.503Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pglevy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-28T19:46:49.000Z","updated_at":"2025-07-28T05:16:24.000Z","dependencies_parsed_at":"2025-08-07T04:22:58.924Z","dependency_job_id":null,"html_url":"https://github.com/pglevy/design-system-server","commit_stats":null,"previous_names":["pglevy/design-system-server"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pglevy/design-system-server","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pglevy%2Fdesign-system-server","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pglevy%2Fdesign-system-server/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pglevy%2Fdesign-system-server/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pglevy%2Fdesign-system-server/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pglevy","download_url":"https://codeload.github.com/pglevy/design-system-server/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pglevy%2Fdesign-system-server/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269886062,"owners_count":24490831,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-11T02:00:10.019Z","response_time":75,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-08-11T12:20:13.309Z","updated_at":"2025-08-11T12:20:14.187Z","avatar_url":"https://github.com/pglevy.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Design System MCP Server\n\nThis is a Model Context Protocol (MCP) server that provides access to design system documentation through GitHub repositories. It allows LLMs like Claude to query and explore design system components, layouts, and patterns.\n\n## Features\n\n- Browse design system categories (components, layouts, patterns)\n- List components within a category\n- Get detailed component information including guidance and code examples\n- Search across all components by keyword\n\n## Installation\n\n1. Clone this repository (or fork it to your own GitHub account)\n2. Copy the environment file and configure it:\n   ```\n   cp .env.example .env\n   ```\n3. Edit `.env` and update the values:\n   - `GITHUB_TOKEN`: Your GitHub personal access token (generate at https://github.com/settings/tokens)\n   - `GITHUB_OWNER`: Your GitHub username (the repository owner)\n   - `GITHUB_REPO`: Your repository name (e.g., \"design-system-docs\")\n4. Install dependencies:\n   ```\n   npm install\n   ```\n5. Build the server:\n   ```\n   npm run build\n   ```\n\nSee [Getting Started](GETTING_STARTED.md) for more detailed instructions on setting up to use with Amazon Q.\n\n## Usage with Claude Desktop\n\n1. Make sure you have Claude Desktop installed and up to date\n2. Edit the Claude Desktop configuration file:\n   \n   **MacOS:**\n   ```\n   ~/Library/Application Support/Claude/claude_desktop_config.json\n   ```\n   \n   **Windows:**\n   ```\n   %AppData%\\Claude\\claude_desktop_config.json\n   ```\n\n3. Add the server configuration:\n   ```json\n   {\n       \"mcpServers\": {\n           \"design-system\": {\n               \"command\": \"node\",\n               \"args\": [\n                   \"/ABSOLUTE/PATH/TO/design-system-server/build/index.js\"\n               ]\n           }\n       }\n   }\n   ```\n   (Replace `/ABSOLUTE/PATH/TO` with the actual path to this directory)\n\n4. Restart Claude Desktop\n\n## Tools\n\nThe server provides the following tools:\n\n1. **list-categories**: Lists all available design system categories\n2. **list-components**: Lists all components in a specific category\n3. **get-component-details**: Gets detailed information about a specific component\n4. **search-design-system**: Searches across all components by keyword\n\n## Example Queries\n\nHere are some example queries you can ask Claude:\n\n- \"What design system categories are available?\"\n- \"Show me all components in the 'layouts' category\"\n- \"Get details about the 'cards' component\"\n- \"Search the design system for 'navigation'\"\n\n## Troubleshooting\n\nIf you encounter issues:\n\n1. Check Claude Desktop logs:\n   ```\n   tail -n 20 -f ~/Library/Logs/Claude/mcp*.log\n   ```\n2. Verify your server builds and runs without errors\n3. Make sure the configuration path is absolute and correct\n4. Restart Claude Desktop completely\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpglevy%2Fdesign-system-server","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpglevy%2Fdesign-system-server","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpglevy%2Fdesign-system-server/lists"}