Skill UI

A modular and highly customizable looping CSS animation template designed for marketing hero sections and video openers. It combines multiple dynamic elements, such as rotating type rings, animated globes, ticking timers, and floating parallax labels, allowing designers to create modern, cinematic, and attention-grabbing digital visuals.

A high-impact, vertical poster template designed specifically for social media marketing campaigns. Ideal for product launches, event announcements, or promotional content that requires maximum visual engagement. Features include strong gradient backgrounds, structured layout sections for key takeaways, and dedicated areas for branding and QR codes.

A cinematic, data-rich dashboard for comprehensive multi-platform social media analysis. Designed for creators, this tool features an interactive KPI matrix, hover tooltips, range comparison charts, and a dedicated insights drawer to help users track and visualize performance across various channels.

A comprehensive dashboard designed for tracking team Objectives and Key Results (OKRs). It visually displays the current quarter's theme, three primary objectives, and detailed progress bars for each Key Result (KR). Users can monitor status, identify owners, and view high-level summaries to ensure the team stays aligned and on track towards quarterly goals.

A powerful web prototype template inspired by Swiss Industrial Print aesthetics. This design emphasizes strong, raw, and authoritative visual communication, utilizing monolithic black grotesque typography, large viewport-bleeding numbers, and minimal ASCII decorations. Ideal for designers seeking a high-impact, unpolished, and industrial-themed presentation.

A comprehensive, implementation-ready guideline for creating a modern, editorial design system tailored for books, magazines, and reports. This skill defines foundational constraints, including typography scales, color tokens, spacing rhythm, and accessibility standards (WCAG 2.2 AA), ensuring visual consistency across all digital and print media.

This comprehensive guide helps elevate a UI from merely functional to polished, purposeful, and aesthetically coherent with its domain. It dictates pre-coding design choices, such as defining the audience, tone (e.g., minimal, industrial), and purpose. It provides rigorous guidelines on establishing visual hierarchy, typography, color palettes, and interactions, ensuring the final product feels intentional and professional, rather than generic or templated.

This comprehensive skill guides the user through the entire process of creating a deep, multi-layered AI persona (Soul.md). It helps define the identity, core rules, name, and visual prompts for agents designed for the OpenClaw platform. Users can initiate character creation via guided prompts or a random 'gacha' draw, ensuring a cohesive and compelling character profile.

This expert skill generates comprehensive, implementation-ready documentation for the Stitch design system. It covers style foundations, semantic tokens, component anatomy, accessibility requirements (WCAG 2.2 AA), and content standards. Ideal for ensuring visual consistency and creating robust, enterprise-grade user experiences across data-driven applications and AI workflows.

This tool automatically converts design screenshots or visual exports into structured, functional Vue 3 Composition API components. It supports popular UI libraries like Vant, Element Plus, and Ant Design Vue. By batch converting screenshots, it streamlines the development process from raw design assets to reusable, production-ready code, significantly boosting frontend development efficiency.

A dedicated canvas for reviewing local plans and visual artifacts (Markdown, HTML). It facilitates a complete collaborative feedback loop where human users can point to specific elements (annotations), chat, and deliver a definitive verdict (Approve/Request changes) without leaving the page. Ideal for validating designs, reports, or complex plans.

A powerful skill utilizing the Google Gemini API to generate high-quality images from text prompts or edit existing photos. It supports various aspect ratios, resolutions (up to 4K), and offers model selection for optimal results, making it ideal for creative design, conceptual visualization, and professional visual content creation.