Skill UI

This expert specializes in scaffolding complete, production-ready, accessible, and performant React and React Native components. It generates full boilerplate code including TypeScript definitions, unit tests, styles (CSS Modules, Styled-Components, Tailwind), and accessibility hooks, ensuring adherence to modern best practices for scalable frontend architecture.

A modern, dark-themed UI component library built with React, Tailwind CSS, and Framer Motion. It provides a comprehensive set of components and styles ideal for developing professional dashboards, admin panels, and data-rich applications. Features include advanced glassmorphism effects and tasteful, smooth animations to enhance user experience.

A comprehensive guide covering core principles for game art production. It details art style selection (Pixel Art, PBR 3D, etc.), structured 2D and 3D asset pipelines, color theory, animation guidelines (including the 12 principles), and professional asset organization standards. Ideal for artists and designers managing the entire game art lifecycle.

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.

Guidance for building robust GraphQL services: schema design with Relay-style pagination, resolver patterns that leverage per-request DataLoader for N+1 prevention, subscription handling, and structured error payloads to simplify client integrations.

This skill provides advanced secondary workflows for Ideogram, enabling comprehensive image manipulation beyond simple text-to-image generation. Key functions include Magic Fill (inpainting/editing), Remix (style transfer), Upscaling, describing image content (image-to-text), and re-framing. Ideal for professional image refinement, style transfer, and content enhancement.

A comprehensive skill designed to manage, track, and persist image assets generated by Ideogram's API. This tool addresses the critical issue of expiring image URLs by implementing a complete lifecycle pipeline. It handles metadata tracking (prompt, seed, model, style, etc.), immediate downloading, and robust storage to both local filesystems and cloud solutions like S3. Features include asset persistence, generation history logging, and image reproduction using stored seed values.

A comprehensive guide demonstrating how to generate your first AI image using the Ideogram API. It provides runnable examples in cURL, TypeScript, and Python, covering both legacy and V3 endpoints. Users will learn essential API parameters, such as prompt structuring, style types, and aspect ratios, making it ideal for initial integration testing and setup.

This guide outlines the process of migrating codebase dependencies and logic when upgrading the Ideogram API from legacy versions (V1/V2) to the robust V3 endpoints. It addresses critical breaking changes, including the shift from JSON body to multipart/form-data, changes in model naming, aspect ratio syntax, and the integration of new V3 features like rendering speed and style presets. Provides structured code adapters for smooth transition.

This guide details how to apply sophisticated artistic styles and visual effects to Kling AI video generation. Users can achieve diverse aesthetics—such as Cinematic, Anime, Watercolor, or Cyberpunk—either through detailed prompt engineering or by utilizing the dedicated Effects API (e.g., hug, kiss). It also provides methods for pre-processing images using Kolors for highly consistent and professional video outputs.

A mandatory workflow for ensuring high code quality across multiple ecosystems, including Node.js/TypeScript and Python. This pipeline runs static analysis tools—such as linters, type checkers (MyPy, tsc), and security scanners (Bandit)—after every code change. It mandates that no task is considered 'done' or committed until all validation checks pass, resolving style, syntax, and type mismatches.

Documenting React Native and Flutter patterns for building responsive, performant product lists with typed navigation, safe areas, and platform-aware styles, plus anti-patterns and checklist to keep JS threads smooth.