Design Tools Agent Skills

Nano Banana Image Generator

Generates, edits, and composes professional-grade images using Google's Gemini 3 Pro Image model directly within your terminal workflow.

Balkan Family Tree JS Assistant

Implements and manages interactive family tree visualizations and organizational charts using Balkan Family Tree JS libraries.

TopNetworks Frontend Standards

Implements standardized frontend architectures, UI patterns, and SEO-optimized layouts for Next.js and Astro projects.

Frontend Development Patterns

Implements industry-standard React and Next.js architectural patterns to build performant, scalable, and maintainable user interfaces.

Peninsula School District Brand Guidelines

Applies Peninsula School District official brand colors, typography, and logos to digital artifacts, code, and documents.

Frontend Development Pro

Accelerates web development by enforcing modern standards for Next.js, TypeScript, and Tailwind CSS applications.

Svelte Design

Creates distinctive, production-grade Svelte and SvelteKit interfaces with high design quality and full-stack capabilities.

Lumina Interactive Menu Creator

Generates polished, accessible UI menus and overlays with built-in animations and UX best practices.

Fabric Art Prompt Engineer

Generates high-fidelity, descriptive AI art prompts with precise style guidance and visual conceptualization.

Algorithmic Art & Generative Design

Creates sophisticated, gallery-quality generative art using p5.js through custom algorithmic philosophies and interactive parameter exploration.

Frontend Design

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and meticulous detail.

Smart Screenshot Capture

Captures high-quality screenshots of specific application windows or fullscreens automatically based on conversation context.

Connecting Widget Pipelines

Facilitates communication between StickerNest widgets by defining typed ports and configuring data flow pipelines.

Excalidraw Canvas Skill

Programmatically creates, edits, and refines professional Excalidraw diagrams with real-time canvas synchronization and visual feedback.

East UI Component Library

Generates portable UI layout data structures for the East language using a comprehensive set of pre-defined components.

Canvas Design Studio

Generates museum-quality visual art and design philosophies through systematic aesthetic frameworks and master-level craftsmanship.

Terminal UI Renderer

Generates sophisticated terminal user interfaces using the Rich library, including tables, panels, progress bars, and custom-themed text.

React Development Guide

Provides expert architectural patterns and implementation guidance for building modern React applications.

CRE8 Web Components

Provides comprehensive documentation and code generation for the CRE8 design system's library of 85+ Lit-based web components.

One-UI Angular Migration

Orchestrates the migration of Angular 16 applications to Angular 20 using Domain-Driven Design and SignalStore patterns.

Nanobanana Image Generator

Generates and edits high-quality images directly within Claude Code using the Google Gemini API.

Canva Design Automation

Automates the creation, management, and export of Canva designs and assets through Rube MCP and Composio.

Anthropic Brand Styling

Standardizes the visual identity of generated artifacts using Anthropic's official brand colors and typography.

Algorithmic Art & Generative Aesthetics

Generates sophisticated, gallery-quality algorithmic art using p5.js through a dual-process of philosophical conceptualization and meticulous code implementation.

Frontend Responsive

Builds adaptive, mobile-first user interfaces using modern CSS patterns to ensure seamless experiences across all device sizes.

Moai Enterprise UI Library

Streamlines React development with an enterprise-grade shadcn/ui component library and AI-enhanced design system architecture.

Anime & Manga Midjourney Prompt Builder

Generates specialized Midjourney Niji mode prompts for authentic anime and manga art styles.

Figma to React

Converts Figma screen flows into pixel-perfect, production-ready React components with Tailwind CSS and automated visual validation.

React Component Patterns

Enforces professional React best practices using functional components, TypeScript, and standardized state management.

Theme Factory

Styles artifacts with professional color palettes and font pairings to ensure visual consistency across documents and presentations.