skills.guanliai
How-tosAll SkillsCombos
中EN
How-tosAll SkillsCombos

skills.guanliai.com

An AI how-to library organised by scene: which skills to use, how to install, how to prompt, and what traps to avoid.

How-tosAll SkillsCombos

Supported clients

  • Claude Code
  • Cline / Roo Code
  • CodeBuddy
  • CodeGeeX (Zhipu)
  • Comate (Baidu)
  • Cursor
  • Fitten Code
  • Gemini CLI
  • GitHub Copilot
  • Kiro
  • Lingma (Alibaba)
  • MarsCode
  • OpenAI Codex
  • OpenClaw
  • OpenCode
  • Qoder
  • Tencent CloudBase AI
  • Trae
  • VS Code
  • Windsurf
skills.guanliai.com · Agent Skill DirectoryData from GitHub · Next.js + MySQL
HomeAll SkillsDesign & Visual

Design & Visual

Total 49 skills

Featured

China

None

Global

Tags

None

Language

None

Total 49 skills

logging-observability

cocoloop/wpank/logging-observability

Design & Visual

Structured logging, distributed tracing, and metrics collection patterns for building observable systems. Use when implementing logging infrastructure, setting up distributed tracing with OpenTelemetry, designing metrics collection (RED/USE methods), configuring alerting and dashboards, or reviewing observability practices. Covers structured JSON logging, context propagation, trace sampling, Prometheus/Grafana stack, alert design, and PII/secret scrubbing.

Universal
0Details
Original source / CocoLoop 技能商店

minimax-understand-image

cocoloop/thincher/minimax-understand-image

Design & Visual

使用 MiniMax MCP 进行图像理解和分析。触发条件:(1) 用户要求分析图片、理解图像、描述图片内容 (2) 需要识别图片中的物体、文字、场景 (3) 使用 MiniMax 的 understand_image 功能

Universal
0Details
Original source / CocoLoop 技能商店

Frontend Design Pro — 专业前端设计规范

cocoloop/antonia-sz/frontend-design-pro

Design & Visual

前端设计质量提升 skill。让 AI 生成的 UI/前端代码更专业,避免常见设计反模式。 参考 impeccable 项目的设计语言规范,提供 audit/polish/critique 等设计审查命令。 触发词:/audit /polish /critique /colorize /animate /bold...

Universal
0Details
Original source / CocoLoop 技能商店

Code Mentor

cocoloop/samuelkahessay/code-mentor

Design & Visual

Comprehensive AI programming tutor for all levels. Teaches programming through interactive lessons, code review, debugging guidance, algorithm practice, project mentoring, and design pattern exploration. Use when the user wants to: learn a programming language, debug code, understand algorithms, review their code, learn design patterns, practice data structures, prepare for coding interviews, understand best practices, build projects, or get help with homework. Supports Python and JavaScript.

Universal
0Details
Original source / CocoLoop 技能商店

Designer

cocoloop/ivangdavila/designer

Design & Visual

Operates as the designer on a job: decides what to make, makes it, defends it in review, and hands over files that can actually be built. Use when acting as the designer for a product, a brand, or a client; when a logo, interface, landing page, app icon, deck, or printed piece has to be created and justified; when a screen needs its empty, loading, error, hover, focus, and disabled states pinned down; when contrast, target size, focus order, or reduced motion fails a check; when a palette, type scale, spacing scale, or token set has to be defined and named; when engineers shipped something that does not match the mockup; when running a critique, a usability test, or a stakeholder presentation; when scoping a brief, revision rounds, or a rebrand. Covers dark mode, iOS and Android conventions, email and print production. Not for one-off visual judgment on a single artifact (`design`), chart design (`data-visualization-design`), or front-end implementation (`frontend`).

Universal
0Details
Original source / CocoLoop 技能商店

AI Image Generator & Editor — Nanobanana, GPT Image, ComfyUI

cocoloop/jau123/ai-image-generator-editor-nanobanana-gpt-image-comfyui

Design & Visual

Generate images from text with multi-provider routing — supports GPT Image 2, Nanobanana 2, Midjourney V8.1 & Seedance 2

Universal
0Details
Original source / CocoLoop 技能商店

小红书自动发布助手

cocoloop/yuf1011/coco-9173

Design & Visual

Draft and publish posts to 小红书 (Xiaohongshu/RED). Use when creating content for 小红书, drafting posts, generating cover images, or publishing via browser automation. Covers the full workflow from content creation to browser-based publishing, including cover image generation with Pillow.

Universal
0Details
Original source / CocoLoop 技能商店

Gemini Image Gen

cocoloop/iisweetheartii/gemini-image-gen

Design & Visual

Generate and edit images via Google Gemini API. Supports Gemini native generation, Imagen 3, style presets, and batch generation with HTML gallery. Zero depe...

Universal
0Details
Original source / CocoLoop 技能商店

ImageMagick Operations

cocoloop/kesslerio/imagemagick-operations

Design & Visual

Perform image manipulation tasks like background removal, resizing, format conversion, rounding corners, watermarking, and color adjustments using ImageMagic...

Universal
0Details
Original source / CocoLoop 技能商店

AI Image Gen

cocoloop/qiujiahong/ai-image-gen

Design & Visual

AI图像生成与编辑。支持文生图、图+文生图、风格转换。当用户要求画图、生成图片、编辑图片、图片风格转换时使用此 skill。支持多种比例(1:1、3:2、16:9、21:9 等)和分辨率(标准、2K、4K)。

Universal
0Details
Original source / CocoLoop 技能商店

ui-ux-design

cocoloop/itsjustdri/ui-ux-design

Design & Visual

Expert guidance on mobile-first UI/UX design, color systems, typography, accessibility (WCAG 2.2), Tailwind Shadcn/ui integration, micro-interactions, and...

Universal
0Details
Original source / CocoLoop 技能商店

WP Multitool — WordPress Optimization Toolkit

cocoloop/marcindudekdev/wp-multitool-wordpress-optimization-toolkit

Design & Visual

WordPress site health audit, performance optimization, database cleanup, autoload tuning, slow query detection, wp-config management, image size control, frontend speed fixes, and server diagnostics. Combines 19 optimization and control modules into a single paid plugin (Pro $79/year single-site, $199/year or $499 lifetime unlimited). The diagnostic commands in this skill work on any WordPress 5.8+ site without the plugin.

Universal
0Details
Original source / CocoLoop 技能商店

create-dxf

cocoloop/unknown/create-dxf

Design & Visual

Create RFQ-ready 2D DXF (and optional SVG preview) files from a strict, validated JSON spec derived from a natural-language design prompt. Use for sheet/plate parts (waterjet/laser/router) like mounting plates, gussets, brackets, hole patterns, and slots.

Universal
0Details
Original source / CocoLoop 技能商店

EasyEDA API Skill

cocoloop/yanranxiaoxi/easyeda-api-skill

Design & Visual

EasyEDA Pro API skill for AI agents. Use when working with EasyEDA Pro EDA software, including PCB design, schematic editing, footprint/symbol management, an...

Universal
0Details
Original source / CocoLoop 技能商店

Data Model Designer

cocoloop/datadrivenconstruction/data-model-designer

Design & Visual

Design data models for construction projects. Create entity-relationship diagrams, define schemas, and generate database structures.

Universal
0Details
Original source / CocoLoop 技能商店

catalog

cocoloop/rodbalbino/catalog

Design & Visual

Catálogo simples do estúdio (hello world)

Universal
0Details
Original source / CocoLoop 技能商店

GPT Image 2 — Image Generation via Your ChatGPT Subscription

cocoloop/kalvinrv/gpt-image-2-image-generation-via-your-chatgpt-subscription

Design & Visual

Generate images with GPT Image 2 (ChatGPT Images 2.0) inside Claude Code, using your existing ChatGPT Plus or Pro subscription — no separate OpenAI access, n...

Universal
0Details
Original source / CocoLoop 技能商店

ADHD Daily Planner

cocoloop/mikecourt/adhd-daily-planner

Design & Visual

Time-blind friendly planning, executive function support, and daily structure for ADHD brains. Specializes in realistic time estimation, dopamine-aware task design, and building systems that actually work for neurodivergent minds.

Universal
0Details
Original source / CocoLoop 技能商店

volcengine-image-generate

cocoloop/warm-wm/volcengine-image-generate

Design & Visual

Using volcengine image_generate.py script to generate image, need to provide clear and specific `prompt`.

Universal
0Details
Original source / CocoLoop 技能商店

nano-banana-pro

cocoloop/steipete/nano-banana-pro

Design & Visual

Generate/edit images with Nano Banana Pro (Gemini 3 Pro Image). Use for image create/modify requests incl. edits. Supports text-to-image image-to-image; 1K/2K/4K; use --input-image.

Universal
0Details
Original source / CocoLoop 技能商店

automation-workflows

cocoloop/jk-0001/automation-workflows

Design & Visual

Design and implement automation workflows to save time and scale operations as a solopreneur. Use when identifying repetitive tasks to automate, building workflows across tools, setting up triggers and actions, or optimizing existing automations. Covers automation opportunity identification, workflow design, tool selection (Zapier, Make, n8n), testing, and maintenance. Trigger on "automate", "automation", "workflow automation", "save time", "reduce manual work", "automate my business", "no-code automation".

Universal
0Details
Original source / CocoLoop 技能商店

grok-image-cli

cocoloop/cyberash-dev/grok-image-cli

Design & Visual

Generate and edit images via Grok API from the command line. Cross-platform secure credential storage for xAI API key. Supports batch generation, aspect rati...

Universal
0Details
Original source / CocoLoop 技能商店

tg-image-sender

cocoloop/drones277/tg-image-sender

Design & Visual

Send test or generated images directly to Telegram chats using the message tool with Picsum.photos URLs or custom media. Use when the user requests to 'send photo', 'generate image here in TG', or show/test images in Telegram (e.g., 'пришли фото', 'покажи картинку').

Universal
0Details
Original source / CocoLoop 技能商店

moltypics

cocoloop/castanley/moltypics

Design & Visual

An image-first social feed for bots. Create, post, comment, like, and follow AI generated images.

Universal
0Details
Original source / CocoLoop 技能商店
Go topage