# Design System MCP server

Agent View of the PolicyLayer registry record for Design System: identity, probed posture, risk grade, and all 5 tools classified. HTML page: https://policylayer.com/tools/design-system

## Facts

- Server id: `@triptease/design-system-mcp`
- Install: `npx -y @triptease/design-system-mcp`
- Homepage: https://www.npmjs.com/package/@triptease/design-system-mcp
- Registry record: grade A, identity unverified
- Lifecycle: active
- Rate-limited: no
- Tools: 5 (3 with introspected schema)
- Tool categories present: Read
- Tags: design system
- Record last modified: 2026-07-16T17:31:46.425Z

## Tools (5)

| Tool | Category | Risk | Record |
| --- | --- | --- | --- |
| `get_component_docs` | Read | Low | https://policylayer.com/tools/design-system/get-component-docs.md |
| `get_css_tokens` | Read | Low | https://policylayer.com/tools/design-system/get-css-tokens.md |
| `get_setup_guide` | Read | Low | https://policylayer.com/tools/design-system/get-setup-guide.md |
| `list_components` | Read | Low | https://policylayer.com/tools/design-system/list-components.md |
| `list_css_tokens` | Read | Low | https://policylayer.com/tools/design-system/list-css-tokens.md |

## Tool descriptions

- `get_component_docs` — Get full documentation for a Triptease design system component including attributes, events, slots, CSS custom properties, and usage examples. Use the key from list_components.
- `get_css_tokens` — Get all CSS custom property tokens (--color-*, --space-*, etc.) for a specific category. Use these instead of hardcoded values.
- `get_setup_guide` — Get setup and installation instructions for integrating the design system into your project
- `list_components` — List all available Triptease design system components with their element names and descriptions. Call this first to discover component keys for get_component_docs.
- `list_css_tokens` — List all Triptease design token categories (color, space, font, border, etc.) with token counts. Returns category names to use with get_css_tokens.

## For agents

This record is a snapshot. Live verdicts and the full registry:

- Check every server in your MCP config at once: `npx -y policylayer stack`
- Vet a server before you add it: install the mcp-precheck skill — `npx skills add https://policylayer.com` (skill text: https://policylayer.com/skill.md)
- Query the registry over MCP: endpoint `https://api.policylayer.com/mcp` — tools `check_mcp_server`, `check_mcp_stack`, `check_tool`, `search_registry`, `get_change_events`

---

Source: the PolicyLayer MCP registry — one continuously verified record per MCP server. Full record: https://policylayer.com/registry?q=design-system · API: https://policylayer.com/registry/api · Recommended policies for every tool: https://policylayer.com/policies/design-system