hatch-slidev-builder-mcp
Version:
A comprehensive MCP server for creating Slidev presentations with component library, interactive elements, and team collaboration features
69 lines (68 loc) • 2.01 kB
TypeScript
/**
* Layer 4: Style Orchestration Engine
* Dynamic styling system based on design tokens and atomic design principles
*/
export interface DesignToken {
name: string;
value: string;
category: 'color' | 'typography' | 'spacing' | 'shadow' | 'border' | 'animation';
scope: 'global' | 'component' | 'theme';
}
export interface StyleTheme {
name: string;
tokens: DesignToken[];
components: ComponentStyle[];
brand_alignment: number;
accessibility_score: number;
}
export interface ComponentStyle {
component: string;
styles: Record<string, string>;
variants?: Record<string, Record<string, string>>;
responsive?: Record<string, Record<string, string>>;
}
export interface StyleRecommendation {
theme: StyleTheme;
custom_tokens: DesignToken[];
component_overrides: ComponentStyle[];
css_framework: string;
reasoning: string;
}
export declare class StyleOrchestrationEngine {
private static hatchBrandTokens;
/**
* Generate style recommendations based on content and layout
*/
static generateStyleRecommendation(slideType: string, audience: string, contentDensity: 'low' | 'medium' | 'high', brandGuidelines?: string): StyleRecommendation;
/**
* Create Hatch corporate theme
*/
private static createHatchCorporateTheme;
/**
* Generate custom tokens based on context
*/
private static generateCustomTokens;
/**
* Generate component style overrides
*/
private static generateComponentOverrides;
/**
* Generate complete CSS framework
*/
private static generateCSSFramework;
/**
* Generate CSS for individual components
*/
private static generateComponentCSS;
/**
* Generate reasoning for style choices
*/
private static generateStyleReasoning;
/**
* Validate accessibility compliance
*/
static validateAccessibility(theme: StyleTheme): {
score: number;
issues: string[];
};
}