Skill UI

Generates cohesive design systems, audits visual consistency, and checks for AI-generated slop in styling-heavy projects by extracting tokens, scoring UI dimensions, and flagging problematic patterns.

Generates Mermaid diagram code from user requirements, writes raw .mmd and Markdown-wrapped .md files, enforces syntax checks via Mermaid CLI rendering, and handles over 20 diagram styles including flowcharts, ER, class, Gantt, and more.

This skill converts a finalized academic research paper (LaTeX/PDF) into a visually compelling, print-ready conference poster. Instead of dumping full text, it extracts key findings, figures, and content to create a professional, story-driven poster suitable for large conference sessions (e.g., NeurIPS, ICML). It supports customizable formats (A0/A1) and incorporates specific venue color schemes and structural guidelines.

Craft polished demo videos from screenshots or scene descriptions, orchestrating Playwright screenshots, narration via edge-tts, and ffmpeg compositing with clear story beats, pacing, and single-focus scenes so product walkthroughs and marketing teasers feel cinematic.

A comprehensive collection of agent skills for rigorously auditing digital interfaces and user flows. It evaluates designs against 168 research-backed UX/UI principles, detects common design antipatterns, and provides specialized review for AI-powered interfaces, ensuring adherence to modern best practices.

This skill applies principles of behavioral psychology and choice architecture to redesign user experience (UX) flows. It is used when a product's conversion friction is rooted in interaction design, not just copy. By auditing cognitive load, defining optimal default paths, and inserting strategic commitment points, it guides users toward desired actions ethically, maximizing commitment while preserving autonomy. Ideal for improving onboarding, checkout funnels, and complex decision-making sequences.

This skill acts as a Visual Psychologist and Environmental Researcher, guiding the systematic mapping of visual elements—including color, typography, spacing, and imagery—to desired emotional states and conversion goals. It ensures that design decisions are strategic, supporting persuasion and brand narrative rather than merely being decorative. Use it when you need visuals to evoke a specific feeling (e.g., trust, urgency, calm) for a defined target audience, while respecting cultural and accessibility constraints.

Craft production-ready frontend pages, dashboards, or components with a clear visual point of view; focus on typography, color, motion, and layout so the experience feels intentional instead of generic.

A configuration-driven frontend approach that enforces premium UI rules, deterministic typography, responsive grids, and structured interaction states to override default LLM biases for polished interfaces.

Defines a premium UI/UX persona that enforces agency-grade typography, textures, and motion choreography, guiding AI to avoid cheap defaults and deliver cinematic, tactile web experiences in varied archetypes.

Guidelines for crafting industrial brutalist interfaces that merge Swiss print and military terminal aesthetics, emphasizing rigid grids, stark typography, utilitarian color, and analog degradation for data-heavy dashboards or editorial sites.

Protocol for crafting premium utilitarian editorial-style interfaces with warm monochrome palettes, flat bento grids, muted pastels, strict typography, and very restrained motion for high-end workspace-like frontends.