Skip to main content
Glama
OpenSIN-Code

SIN-Code-Frontend-Design-Skill

by OpenSIN-Code

Server Configuration

Describes the environment variables required to run the server.

NameRequiredDescriptionDefault

No arguments

Capabilities

Features and capabilities supported by this server

CapabilityDetails
tools
{
  "listChanged": true
}
logging
{}
prompts
{
  "listChanged": false
}
resources
{
  "subscribe": false,
  "listChanged": false
}
extensions
{
  "io.modelcontextprotocol/ui": {}
}
experimental
{}

Tools

Functions exposed to the LLM to take actions

NameDescription
design_system_loadC

Load the SOTA design system (typography, color, spacing, motion, philosophy).

design_component_createC

Generate a UI component spec (button, input, card, modal).

design_page_scaffoldB

Scaffold a full page with sections (hero, features, pricing, cta, footer).

design_reviewB

Review existing UI code for design system consistency.

design_token_extractB

Extract design tokens from existing code.

design_a11y_checkB

Check WCAG 2.2 AA compliance of HTML code.

design_responsive_testC

Generate responsive breakpoints and identify current breakpoint.

design_figma_exportB

Export extracted tokens to Figma Tokens JSON.

Prompts

Interactive templates invoked by user choice

NameDescription

No prompts

Resources

Contextual data attached and managed by the client

NameDescription

No resources

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/OpenSIN-Code/SIN-Code-Frontend-Design-Skill'

If you have feedback or need assistance with the MCP directory API, please join our Discord server