/** * xray UI/UX Design MCP Server * * Knowledge skill for user interface and user experience design, * component patterns, accessibility compliance, and design system guidance */ import { XrayKnowledgeSkillBase } from "../shared/knowledge-skill-base.js"; declare class XrayUIUXDesignServer extends XrayKnowledgeSkillBase { constructor(); private analyzeUIComponent; private designComponent; private auditAccessibility; private generateDesignSystem; private extractComponentName; private analyzeComponentCode; private checkAccessibilityIssues; private checkResponsiveIssues; private checkUsabilityIssues; private checkPerformanceIssues; private checkSemanticIssues; private calculateAccessibilityScore; private calculateUsabilityScore; private generateUIRecommendations; private identifyDesignPatterns; private generateComponentDesign; private generateComponentCode; private generateReactComponent; private generateVueComponent; private generateAngularComponent; private addAccessibilityFeatures; private checkWCAGCompliance; /** * Parse color value and convert to RGB */ private parseColor; /** * Calculate relative luminance (WCAG formula) */ private getLuminance; private getLuminanceComponent; /** * Calculate contrast ratio between two colors */ private calculateContrastRatio; /** * Analyze color contrast in CSS */ private analyzeColorContrast; /** * Specifically analyze hero section for contrast issues */ private analyzeHeroSectionContrast; /** * Extract CSS for hero section */ private extractHeroCSS; private calculateWCAGScore; private generateAccessibilityRecommendations; private createDesignSystem; private generateDesignTokens; private generateDesignSystemDocs; private getSeverityIcon; private validateMobileDesign; private analyzeVisualHierarchy; private recommendImages; } export { XrayUIUXDesignServer };