slide-shell · v0.7.0+

SlideCodeCompare

Dos paneles de código lado-a-lado con badge flotante absoluto al medio. Highlight ligero por regex (keywords, strings, números, comentarios, fn calls). Soporta ts | js | py | shell | css | json | plain.

FastMCP · 6× menos código

comparativa

Vanilla vs FastMCP

mcp-server · vanilla antes
const server = new class="fn">Server({
  name: "demo",
  version: "class="num">1.0.class="num">0"
});

server.class="fn">setRequestHandler(
  ListToolsRequestSchema,
  class="fn">async() => ({ tools: [/* … */] })
);

server.class="fn">setRequestHandler(
  CallToolRequestSchema,
  class="fn">async(req) => { /* … */ }
);
mcp-server · FastMCP después
const mcp = new class="fn">FastMCP({ name: 'demo' });

mcp.class="fn">tool('search', {
  description: 'Busca en el repo',
  parameters: z.class="fn">object({ q: z.class="fn">string() })
}, class="fn">async({ q }) => {
  return await ctx.class="fn">search(q);
});

Props

PropTipoDefaultDescripción
eyebrowstring''Kicker.
titlestring''Título.
titleHighlightstring''Substring del título a destacar.
left / rightPane{ title, tag?, code, lang? }.
badgestring''Texto del badge flotante (vacío = sin badge).
leftKind / rightKind'bad' | 'good' | 'neutral''bad' / 'good'Accent del border + tag pill por panel.