Skill UI

This guide teaches you how to function as an expert design-system guideline author for the 'Vibrant' brand. It provides comprehensive, implementation-ready documentation covering foundational tokens (color, typography, spacing), detailed component rules (states, variants, interactions), and adherence to WCAG 2.2 AA accessibility standards. The output is structured, actionable, and includes quality assurance checklists for both designers and engineers.

A specialized assistant designed to navigate and accurately retrieve commands and parameters from the offline Alibaba Cloud CLI Chinese documentation mirror. It enforces a strict, hierarchical workflow: first consulting quick usage guides, then checking the main index, and finally drilling down to specific chapter pages. This structured approach ensures all provided information is accurate, evidence-based, and highly relevant to the user's intent.

This tool generates comprehensive API documentation directly from source code. It supports various API types, including REST, GraphQL, and RPC, and extracts crucial details like endpoints, parameters, data models, and authentication methods. It outputs standard formats such as Markdown, OpenAPI 3.0 YAML, and API Blueprint, streamlining the process of creating accurate and complete interface specifications for development teams.

This skill acts as an expert author for creating comprehensive, implementation-ready design system guidelines. It covers foundational elements, including brand identity, color tokens, typography scales, and spacing rules. It mandates structured documentation, component state definitions (default, hover, error, etc.), and strict adherence to WCAG accessibility standards, ensuring consistency and usability across all digital products.

This skill facilitates a rigorous, documentation-anchored design review session. It challenges a proposed plan by cross-referencing it against the project's established domain glossary (CONTEXT.md), historical architectural decisions (ADRs), and the current codebase. It forces the user to resolve ambiguities, define precise terminology, and validate design trade-offs using concrete scenarios, ensuring all decisions are captured and documented inline.

This advanced orchestrator manages complex internal business workflows, covering process mapping, vendor management, capacity planning, and procurement optimization. It acts as a central router, classifying multi-signal inquiries and delegating tasks to specialized sub-skills (e.g., knowledge-ops, vendor-management). It follows a structured, depth-first workflow and returns actionable, digested reports anchored in documentation and next steps.

This comprehensive skill provides a full workflow for creating high-quality, annotated animated GIFs and screen recordings. It supports capturing multi-step UI interactions using Playwright, assembling dynamic GIFs with imageio, applying variable frame timing, and adding sophisticated annotations (including fade-in effects) for clear documentation, pull request descriptions, or release note demos.

This tool indexes local files or directories into a persistent FTS5 knowledge base. This allows subsequent search operations to efficiently retrieve highly relevant, focused snippets from the project source without needing to re-read the raw files every time. It is crucial for managing and searching large, complex codebases or detailed project documentation.

This tool accesses a persistent FTS5 knowledge base containing previously indexed project documentation, local content, and session memory. Instead of feeding entire raw sources into the conversation context, it allows users to perform targeted, efficient searches using specific queries and source scoping. This is ideal for quickly retrieving technical details, project specifications, or historical context without lengthy re-reading.

Generate unique, 16:9 hand-drawn illustrations for articles, blog posts, and technical documentation. This skill translates abstract cognitive anchor points into clean, absurd, and memorable whiteboard sketches. It features a consistent, recurring character, 'Grav,' who actively drives the narrative, ensuring a unique and professional visual language across all your content.

This meta-skill scans a target codebase path to extract modules, dependencies, and hotspots. It then intelligently classifies the most appropriate architectural diagram type (class, sequence, component, etc.) and renders the diagram simultaneously as both PlantUML source code and editable draw.io XML. Finally, it composes a structured Word document containing both deliverables for comprehensive documentation.

This tool facilitates comprehensive research by pulling relevant information from multiple Notion sources. It synthesizes scattered data into highly structured documentation, such as detailed briefs, comparative analyses, or executive reports. It ensures all claims are supported by accurate inline citations and links, making it ideal for market research, project documentation, or academic reporting where source traceability is critical.