nanaban
Generate and edit images using the Gemini API via the nanaban CLI. Create illustrations, logos, and icons, or perform photo edits like background removal and style transfer.
Explore AI agent skills related to lazy loading. Browse installable Claude Code and automation skills on Mentalok Skills Hub.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
11 skills found
Generate and edit images using the Gemini API via the nanaban CLI. Create illustrations, logos, and icons, or perform photo edits like background removal and style transfer.
Repository implementation guide for local-skills-mcp. Provides technical documentation on MCP tool handlers, skill loading, aggregation logic, and project structure for developers.
A framework for managing static site generator (SSG) projects using Astro, including build optimization, GitHub Pages deployment patterns, and type-safe content collection schemas.
React and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite.
A comprehensive toolkit for measuring, auditing, and debugging web performance metrics including Core Web Vitals, loading speed, and interaction latency directly in Chrome DevTools.
Build professional, accessible, and responsive user interfaces using React, Next.js, and modern design systems like shadcn/ui. Focuses on developer tools, chat interfaces, and real-time streaming components.
Deep single-page SEO audit for technical, content, and performance analysis. Includes on-page, schema, image, and E-E-A-T checks to optimize search rankings and user experience.
Webpack reference tool for frontend developers. Provides guides, troubleshooting, performance tips, and best practices for configuration and project management.
Specialized skill for building Vue 3 applications with TypeScript, covering Composition API, Pinia state management, Vue Router, and custom composables.
AI-powered Technical SEO auditor that runs Lighthouse/PageSpeed tests and automatically applies code-level fixes for performance, accessibility, and structured data.
Optimize React performance, implement security hardening, and ensure WCAG accessibility compliance with automated patterns and checklists.