Skill UI

This guide details the use of the GGUF format and quantization techniques for running large language models (LLMs) efficiently. GGUF enables optimal inference on consumer hardware, Apple Silicon, and systems requiring CPU-only operation. By compressing models using various K-quant methods (like Q4_K_M), developers can significantly reduce memory footprint and hardware requirements while maintaining high performance.

llama.cpp is a pure C/C++ library designed for efficient LLM inference, optimized to run on resource-constrained environments. It excels in scenarios where high-end NVIDIA GPUs (CUDA) are unavailable, making it ideal for Apple Silicon Macs, AMD/Intel GPUs, or edge deployment devices like Raspberry Pi. It supports GGUF quantization formats, enabling significant memory reduction and speed improvements for local, cross-platform AI applications.

This comprehensive workflow guides users through building a complete Obsidian plugin from an empty directory. It covers all necessary components, including the core Plugin class, settings panel, command definitions, ribbon icons, manifest configuration, and production build setup using esbuild and TypeScript. It is essential for developers starting a new plugin project or learning the entire Obsidian plugin lifecycle.

Automates svg icon generation guidance with best practices, production-ready snippets, and validation for visual content scenarios like diagrams, charts, and presentations.

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.

This script automates the generation of a complete set of favicons (including favicon.ico, various PNG sizes, and SVG) from a single source image. It intelligently detects the project framework (e.g., Next.js, Rails, Gatsby) to place assets in the correct static directory, generates the necessary webmanifest, and updates the project's HTML/layout files with the proper link tags.

This skill guides the process of auditing and correcting critical HTML metadata elements, ensuring optimal performance for search engines and social media sharing. It covers page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use this when implementing or refining SEO metadata, fixing broken social previews, or setting up structured data.

This skill provides access to a comprehensive, high-quality icon library designed for modern UI/UX systems. It ensures superior visual consistency across digital products by offering multiple premium styles (Linear, Bold, Two-tone). Users can find existing icons or leverage the integrated AI generator to create unique, perfectly styled custom icons, elevating the design professionalism beyond standard generic sets.

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.

Provides actionable guidance and review checklists for modern clean UI/UX, emphasizing CRAP principles, task-first flows, information architecture, system feedback, consistency, and refined iconography.

Guides setting up Microsoft Fluent UI Blazor components, ensuring providers/services registrations, handling icon packages, binding lists and autocomplete, plus using dialog and toast services in Blazor apps.

This skill provides a comprehensive workflow to export images, icons, and assets directly from Figma files using the REST API. It enables users to render specific frames or components as high-quality PNG, SVG, JPG, or PDF files. Ideal for building automated asset pipelines, generating documentation previews, or batch exporting large icon libraries.