Skip to main content
Glama
seungdori

web-stylebook-mcp

by seungdori

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
}
prompts
{
  "listChanged": true
}
resources
{
  "listChanged": true
}

Tools

Functions exposed to the LLM to take actions

NameDescription
recommend_design_directionA

Given product context, return scored style candidates with reason codes, rejected styles with reasons, secondary pairings, assumptions and confidence. Evidence-provider: the host model makes the final pick. Call before writing UI. The "tone" field (named "tone", not "tones") is an ARRAY of zero or more of: calm, technical, trustworthy, premium, editorial, playful, bold, experimental. Each candidate.score already includes soft penalties (density/motion/tone fit) that are not itemized in scoreBreakdown.

compare_design_directionsA

Compare 2-4 directions across product fit, repeated-use suitability, density, trust, distinctiveness, accessibility risk, motion and maintenance. Returns each direction's favorable conditions and likely failure mode — never a single winner.

get_design_principle_planA

Select a small set of practical visual-design principles for intent and iteration, semantic hierarchy, adaptive layout and density, typography and localization, tokens and themes, accessible interaction, and complete states and recovery. Filter by design concerns, surface, phase, or explicit ids. Returns placement guidance, application steps, verification checks, cautions, related principles, and deterministic relevance scores.

get_ux_principle_planA

Select a small, evidence-labeled set of UX principles for a target outcome, surface, design phase, or explicit principle ids. Returns design questions, application steps, verification checks, cautions, references, and relevance scores. Treat the result as decision prompts rather than universal laws.

get_ui_state_planA

For a surface (data-table, form, checkout, chat, developer-console), return required / recommended / domain-specific states with triggers, must-show, must-not, accessibility and motion guidance, plus an implementation order. Covers the non-happy-path.

compose_design_tokensA

Compile a starting set of role-based design tokens (color, typography, spacing, radius, motion, density) for a style in json / css-variables / tailwind / typescript, with light/dark/both modes, accent override, and WCAG contrast warnings.

Prompts

Interactive templates invoked by user choice

NameDescription
design-productChoose a visual direction, compose a brief, plan screens, and cover UI states.
design-screenPlan hierarchy, components, states, responsive and motion for a single screen.
complete-ui-statesFind missing states for a surface and implement them.
redesign-with-styleKeep structure, change the visual direction, verify fidelity.
audit-design-directionCheck style fidelity, anti-patterns, state coverage, accessibility and motion.
audit-design-principlesCheck whether layout and visual-design principles were applied, verified, or turned into rigid recipes.
audit-ux-principlesCheck whether relevant UX principles were applied, verified, or overgeneralized.

Resources

Contextual data attached and managed by the client

NameDescription
manifestServer + catalog manifest
stylesCompact list of visual directions
motionCompact list of motion patterns
componentsComponent vocabulary
design-principlesPractical visual-design principles with placement and verification guidance
principlesCurated UX principles with attribution and evidence labels
state-surfacesUI state surfaces
productsProduct archetypes
anti-patternsCommon anti-patterns
verificationVerification checklist
brutalist-gridFull detail for one style
editorial-silenceFull detail for one style
kinetic-popFull detail for one style
cyberpunk-glitchFull detail for one style
swiss-posterFull detail for one style
quiet-utilityFull detail for one style
platform-coreFull detail for one style
runtime-signalFull detail for one style
holographic-fluidFull detail for one style
neon-driftFull detail for one style
glass-orbitFull detail for one style
terminal-coreFull detail for one style
midnight-noirFull detail for one style
console-launchFull detail for one style
bento-bloomFull detail for one style
earth-atelierFull detail for one style
liquid-metalFull detail for one style
aurora-gradientFull detail for one style
zen-minimalismFull detail for one style
mono-typeFull detail for one style
duotone-boldFull detail for one style
mesh-gradientFull detail for one style
framer-motionFull detail for one style
claymorphismFull detail for one style
neumorphismFull detail for one style
soft-pastelFull detail for one style
notion-styleFull detail for one style
retro-pixelFull detail for one style
y2k-retroFull detail for one style
risograph-printFull detail for one style
paper-cutFull detail for one style
macos-liquid-glassFull detail for one style
fusion-neon-swissFull detail for one style
fusion-product-swissFull detail for one style
fusion-bento-noirFull detail for one style
fusion-editorial-terminalFull detail for one style
fusion-holo-glassFull detail for one style
fusion-kinetic-brutalFull detail for one style
fusion-cyber-consoleFull detail for one style
fusion-grain-monoFull detail for one style
fusion-clay-auroraFull detail for one style
fusion-floppy-exeFull detail for one style
fusion-noir-metalFull detail for one style
fusion-strict-consoleFull detail for one style
fusion-quiet-manifestoFull detail for one style
fusion-pure-noirFull detail for one style
fusion-soft-inflateFull detail for one style
fusion-studio-pixelFull detail for one style
fade-inFull detail for one motion pattern
fade-upFull detail for one motion pattern
slide-inFull detail for one motion pattern
scale-inFull detail for one motion pattern
blur-revealFull detail for one motion pattern
staggerFull detail for one motion pattern
pulseFull detail for one motion pattern
bounceFull detail for one motion pattern
shakeFull detail for one motion pattern
wiggleFull detail for one motion pattern
glowFull detail for one motion pattern
rippleFull detail for one motion pattern
hover-liftFull detail for one motion pattern
pressFull detail for one motion pattern
tiltFull detail for one motion pattern
modal-popFull detail for one motion pattern
toast-slideFull detail for one motion pattern
accordionFull detail for one motion pattern
crossfadeFull detail for one motion pattern
skeleton-shimmerFull detail for one motion pattern
spinnerFull detail for one motion pattern
progress-barFull detail for one motion pattern
loading-dotsFull detail for one motion pattern
scroll-revealFull detail for one motion pattern
parallaxFull detail for one motion pattern
marqueeFull detail for one motion pattern
orbitFull detail for one motion pattern
floatingFull detail for one motion pattern
gradient-driftFull detail for one motion pattern
hoverFull detail for one component term
focusFull detail for one component term
active-pressedFull detail for one component term
disabledFull detail for one component term
dropdown-selectFull detail for one component term
checkboxFull detail for one component term
radio-buttonFull detail for one component term
toggle-switchFull detail for one component term
sliderFull detail for one component term
tabsFull detail for one component term
breadcrumbFull detail for one component term
paginationFull detail for one component term
modal-dialogFull detail for one component term

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/seungdori/web-stylebook-mcp'

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