Skill UI

Generates highly structured and visually rich documents within the Feishu (Lark) cloud suite. This tool accepts Lark-flavored Markdown, supporting advanced formatting like callouts, grids, enhanced tables, and Mermaid diagrams. It is ideal for creating professional knowledge base articles, detailed project plans, meeting minutes, and comprehensive reports requiring strong visual presentation and clear hierarchical structure.

This skill acts as a Senior Solution Architect specializing in the Microsoft Power Platform ecosystem (Power Apps, Power Automate, Power BI, etc.). It excels at analyzing unstructured input, such as meeting transcripts or high-level use case descriptions, and generating a comprehensive technical solution architecture. The output includes component selection, detailed implementation steps, and visualizations (e.g., Mermaid.js diagrams) required to build a robust digital solution.

The Diagram Generator converts complex, unstructured inputs—such as natural language, code snippets, schemas, and notes—into professional, editable visual diagrams. It supports diverse standards including Mermaid, PlantUML, and Graphviz, enabling the creation of flowcharts, sequence diagrams, UML models, ER diagrams, architecture maps, and more. Outputs are designed to be reviewable, version-controllable, and highly precise.

A specialized skill designed to convert complex legal materials—such as contracts, matter descriptions, corporate structures, timelines, or compliance processes—into context-appropriate, structured Mermaid diagrams. It utilizes a multi-step process involving structured data extraction, LLM enrichment, and mandatory gates to ensure accuracy. Ideal for visualizing relationships, obligations, and flows in legal documents, but strictly limited to legal or legal-adjacent diagrams.

Design or redesign Dataverse schema and connector plans for existing mobile apps. Apply ER diagrams (image, Mermaid, or text) to create data models. This standalone workflow handles schema design, connector planning, approval, and execution delegation without full app planning. Use when you have an initialized app with data requirements.

This skill performs a comprehensive architecture audit on codebases by mapping module dependencies and checking layering integrity. It identifies structural decay using principles from classic engineering books. The tool generates Mermaid dependency graphs, assesses testability seams, and applies Conway's Law checks to ensure architectural health. It is suitable for developers needing to understand codebase structure, review folder organization, or detect circular imports before refactoring.

This skill specializes in creating comprehensive C4 code-level documentation for software projects. It analyzes code directories to extract function signatures, arguments, dependencies, and structural information. The output includes detailed documentation and Mermaid diagrams to visualize code relationships, dependencies, and data flows. Use this for documenting complex code components, understanding system architecture at the code level, and generating best practice checklists for code structure.

This skill specializes in creating C4 Component-level architecture documentation. It synthesizes code-level details into logical components, defining boundaries, interfaces, and relationships within containers. It generates Mermaid diagrams and best practices for software architecture documentation.

Generates C4 container-level documentation for system deployment, mapping components to containers, defining interfaces with OpenAPI specs, and producing Mermaid container diagrams.

Generate, refine, and validate diagrams from natural language, notes, code, or schemas. Supports Mermaid, Graphviz, and PlantUML for flowcharts, architecture, and state machines. Ideal for turning textual analysis into visuals, producing attack-path graphs, or creating editable diagram sources for reports and documentation.

Integrate the beta Markstream React renderer into React 18+ or Next.js projects. It handles client/server entrypoints, CSS, streaming state, and component overrides securely. Configure for live chat or streaming answers with proper SSR boundaries. Supports markdown parsing with safe HTML policies and Mermaid diagrams. Requires React 18+ and careful dependency management.

Guide for integrating markstream-vue into a plain Vue 3 application, covering renderer modes (chat, docs, minimal), code rendering options (pre, shiki, monaco), streaming state management, long-message virtualization, scoped component overrides, and security considerations for safe HTML and Mermaid rendering.