Io.Github.Rog0x/Color
Color convert, palette, contrast checker for AI agents
flutter-ai-ui-skill
A master-level Flutter UI/UX design skill that equips AI coding assistants with curated design intelligence, colour palettes, typography pairings, animation patterns, component blueprints and actionable checklists for building beautiful, accessible, production-ready Flutter applications. Covers Material 3, Cupertino, adaptive layouts, animations, theming, state management integration, accessibility and performance optimization.
Data Table Filters
A shadcn registry for building filterable, sortable data tables with infinite scroll and virtualization. Start with the core block, then extend with optional blocks for command palette, cell renderers, sheet panels, store adapters, schema generation, Drizzle ORM helpers, and React Query integration.
leonardo-colors
Generate accessible color themes using @adobe/leonardo-contrast-colors. Use when the user needs help building contrast-based color palettes, checking WCAG accessibility, creating adaptive themes, or using the Leonardo API.
asset-pipeline
Turn generated or hand-made art into exactly what a game engine loads. Covers sprite cutout, trim and nearest-neighbour fitting to frame sizes, pixelation to a palette, sprite sheets and strips, player/team-colour masks, seamless textures, and rendering a 3D model into sprite frames from the game's own camera (isometric/RTS 8 or 16 headings, side view, top-down) with Blender. Use after generating assets, or when the user asks to make sprites, sprite sheets, animation frames, isometric unit sprites or icons for a game.
algorithmic-color-palette
Derive a full UI colour palette algorithmically from one or two brand colours. Darker and lighter variants for interactive states, desaturated greys from the brand hue for borders and backgrounds, and semantic colours that feel coherent with the brand rather than generic. Use when building a colour system from scratch or expanding a limited brand palette for UI use.
anti-slop-design
Category-aware design skill that builds distinctive, production-grade UIs. Palettes, font pairings, UX patterns, shadcn/token integration, empty-error-loading copy, secondary slop signals, and a pre-ship second pass. Framework-agnostic.
claude-gif
Ultimate GIF creator: AI video-to-GIF (Veo 3.1), programmatic animations (Remotion), AI image sequence assembly (Gemini/FLUX.2), animated SVG-to-transparent-GIF (Playwright), video conversion, and GIF editing/optimization. Palette optimization, perfect loops, platform-specific sizing, dithering control. Use when user says "gif", "create gif", "make gif", "animated gif", "convert to gif", "optimize gif", "gif from video", "meme gif", "reaction gif", "loading spinner gif", "logo animation gif", "transparent gif", "svg to gif", or "/gif".
align-grid
"Build editorial/magazine/report webpages on a GENUINE Müller-Brockmann modular grid (International Typographic Style) â not a decorative one. Encodes the discipline (columns + modules + baseline, grotesque type, flush-left, restrained black/white/red palette) AND the hard-won front-end engineering to make the grid real, visible, and verified: one CSS-variable source of truth, an interactive grid-toggle overlay that lives in the SAME content box as the content, subgrid \"bands\" so every element snaps to a column line, an 8px baseline lock, and runtime OPTICAL ALIGNMENT that puts display type's ink (not its box) on the line. Ships with a scaffold generator and a Puppeteer verification harness that proves 0px adherence."
Aesthetic Web Design
A specific, opinionated design language based on real references. This skill encodes a visual DNA â not generic "make it look good" â but exact fonts, exact palettes, exact CSS values.
xaml-csharp-development-skill-for-avalonia
Build, review, design, migrate, and optimize Avalonia applications with modern XAML/C# patterns, compiled bindings, AOT-friendly architecture, professional UI/UX design systems, design tokens, control themes, and Microsoft Fluent design system customization. Use for tasks involving Avalonia app startup and lifetime wiring, view/viewmodel composition, bindings in .axaml/.xaml and C#, styles/themes/resources, polished visual design, FluentTheme palette work, platform-specific bootstrapping (desktop/browser/mobile/headless), trimming/NativeAOT compatibility, reactive UI flows, performance tuning, and troubleshooting build/runtime issues in Avalonia projects.
nes-emu-debug
Run NES ROMs in the Mesen2 emulator to debug runtime behavior. Use this skill whenever the user wants to run a ROM and inspect what actually happens at runtime: read NES memory (RAM, palette, nametable, OAM), dump CPU/PPU/APU state after N frames, capture the screen buffer, compare runtime behavior between two ROMs, or verify that a sample displays correctly. Also use when the user says things like "run the ROM", "what does the screen look like", "check the palette", "inspect nametable", "read zero page", "dump memory", or "the ROM doesn't display correctly". This is the dynamic/runtime counterpart to nes-rom-debug (which does static binary analysis).