Skill UI

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 plans and visual artifacts. It facilitates a tight review loop where human users can annotate specific elements, chat, and provide explicit verdicts (Approve/Request Changes) directly in a local browser environment. This tool is ideal for getting detailed, actionable feedback on designs, reports, or complex plans, moving beyond simple text confirmations.

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.

This skill provides comprehensive guidance on adapting marketing strategies for modern, rapidly evolving digital channels. It covers deep dives into optimizing content for voice search (Alexa, Google), building social commerce flows (TikTok, Instagram), designing conversational AI funnels (WhatsApp), and developing strategies for new platforms like podcasts and visual search. Use this skill when evaluating new market entry points or adapting to major shifts in consumer behavior.