Skill UI

Guides creation of algorithmic art philosophies and p5.js implementations that emphasize emergent behavior, seeded randomness, and a meticulously crafted algorithmic process, producing philosophy .md plus interactive .html/.js viewers for flow fields, particles, and controlled chaos.

Guides creation of algorithmic art philosophies and p5.js implementations that emphasize emergent behavior, seeded randomness, and a meticulously crafted algorithmic process, producing philosophy .md plus interactive .html/.js viewers for flow fields, particles, and controlled chaos.

Guides how to craft detailed prompts for Google Stitch so it generates high-quality web and mobile UI designs, covering specificity, visual style, multi-screen structure, platform targeting, and iterative refinement.

Utility to browse Google Fonts, capture trending faces, suggest pairings, and output import snippets plus Tailwind config so frontend teams can finalize typography systems quickly.

Engineers minimalist, scalable vector logos using geometric primitives, negative space, and strict flat-style constraints to translate brand briefs into iconic, professional marks for modern identities.

Magic Animator is an AI-powered skill designed for designers to breathe life into static visuals. It transforms flat logos, UI elements, and icons into engaging, premium motion assets. Use it to create micro-interactions, sophisticated loaders, and memorable brand reveals for web, apps, and social media, ensuring a high "wow" factor and dramatically improving user experience.

Vizcom is an advanced AI platform designed to accelerate the product ideation and visualization process. It transforms rough inputs, such as hand-drawn sketches, basic line art, or simple text descriptions, into high-fidelity, photorealistic 3D renders. It is ideal for concept generation in physical products like furniture, electronics, and consumer goods, allowing designers to explore aesthetic variations and generate stunning marketing visuals.

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 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.

Generates agent-friendly DESIGN.md for Google Stitch, encoding strict typography, color, layout, component, and motion rules to produce premium non-generic UI screens.

This skill assists in designing and auditing iOS, macOS, watchOS, and visionOS user interfaces against Apple's Human Interface Guidelines (HIG). It covers Liquid Glass design language, contrast ratios, and tap target sizes. Users can run compliance checks using the provided Python script to ensure accessibility and platform ergonomics. It supports batch auditing and generates scored reports for UI elements.

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.