Skill UI

Automates guidance for creating architecture diagrams and visual documentation, following best practices and producing ready-to-use configurations for charts, presentations, and visualization tools.

Guides users through creating ascii art diagrams, offering best practices, pattern advice, and production-ready configurations for visual content requests.

Guides users through creating ascii art diagrams, offering best practices, pattern advice, and production-ready configurations for visual content requests.

Helps designers explore trending Coolors palettes, capture hex codes, and map selections into Tailwind configs or curated fallbacks when the browser is unavailable, ensuring contrast and role guidance for frontend themes.

Automates D2 diagram creation guidance for visual content requests, offering best practice patterns, ready-to-use code/config snippets, and validation against standards whenever users mention the tool or need chart/diagram support.

Automates mermaid flowchart generator guidance, producing code, configuration, and validation for visual content scenarios such as diagrams, charts, and presentations with best-practice recommendations.

Automates guidance for mindmap generator requests, offering best practices, production-ready configurations, and validation for diagrams, charts, and visual documentation workflows in the Visual Content domain.

Automates Plotly chart creation by offering step-by-step guidance, best-practice patterns, and production-ready code or configuration whenever visual content, diagrams, or presentations need charts.

Utility to browse Google Fonts, capture trending faces, suggest pairings, and output import snippets plus Tailwind config so frontend teams can finalize typography systems quickly.

This skill provides comprehensive customization for the Windsurf IDE's visual environment. Users can configure color schemes, optimize fonts for readability, adjust UI scaling, and enable advanced accessibility features to ensure compliance with standards like WCAG 2.1. It is essential for creating personalized, highly accessible, and efficient working environments.

A comprehensive skill for generating non-generic, professional frontend interfaces, perfect for landing pages, portfolios, and product redesigns. This agent enforces a strict design methodology: reading the user's brief (audience, vibe, constraints) first, configuring global design dials (variance, motion, density), and recommending real, industry-standard design systems (like Material or Fluent UI) to ensure the output is always polished and contextually appropriate.