Skill UI

Leverage the Gamma API to rapidly generate diverse, professional content formats, including interactive presentations, detailed documents, and modern webpages. This skill supports comprehensive parameter control, allowing users to define content, select specific themes, dictate image styles, control text density, and choose output formats (PDF, PPTX, etc.). Ideal for content creators who need to transform raw text prompts into polished, multi-media assets across various professional use cases.

Visits target URLs to capture screenshots and inspect pages, then extracts palettes, typography, layouts, and repeatable UI patterns so design teams can document inspiration for new projects.

Theme Factory delivers 10 curated color and font themes plus a workflow to apply or generate palettes for slides, docs, reports or landing pages, ensuring consistent visual identity across artifacts.

Build cinematic landing pages and hero sections with parallax, scrollytelling, text reveals, and 2.5D depth using only CSS, JavaScript, and flat assets.

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.

Retired skill for redesigning, restyling, and reviewing existing pages and app screens; now delegates to design-taste-frontend for browser-based audits and rebuilds.

This skill acts as an elite Art Director for generating premium, highly actionable, and structurally sound frontend design references. It moves beyond generic AI aesthetics by enforcing principles like strong hierarchy, generous spacing, and image-led composition. Ideal for creating realistic, development-ready concepts for landing pages, hero sections, and multi-section websites.

This skill allows users to build and maintain complex UI components and full screens directly within Figma using the Figma MCP. It rigorously enforces a defined design system (like Rayna UI) by validating design tokens, applying craft rules, detecting anti-patterns, and ensuring visual consistency. Ideal for creating new components, composing entire dashboards or landing pages, or auditing existing files for compliance.

This skill performs a rigorous, 5-dimension expert critique on any digital artifact, such as landing pages, presentations, or prototypes. It systematically evaluates five critical areas—Philosophy, Visual Hierarchy, Detail Execution, Functionality, and Innovation—scoring each 0-10. The output is a comprehensive, evidence-backed HTML report providing actionable insights, a radar chart, and prioritized lists (Keep/Fix/Quick-wins) to guide systemic design improvements.

A general-purpose tool for creating self-contained, professional web prototypes. Ideal for generating landing pages, marketing sites, or documentation mockups. It operates by assembling pre-engineered sections and adhering strictly to a defined design system, eliminating the need for custom CSS writing.

This skill provides expert-level, comprehensive guidelines for building a cohesive and playful design system, optimized for landing pages and creative projects. It defines foundational elements using semantic tokens, covering typography, color palettes, and spacing. The system mandates WCAG 2.2 AA accessibility, defining rigorous component anatomy, interaction states, and detailed authoring workflows to ensure both aesthetic appeal and cross-platform usability.

A clean and versatile horizontal-swipe deck designed for pitches, overviews, or deep studies. It features a structured layout including a cover, multiple content pages, and a conclusion. Each page emphasizes one core message supported by an image or chart, complemented by a top progress bar, and is fully navigable via keyboard arrows or hash symbols.