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
HomeGuides

Design & Visual · Guides

Posters, illustrations, UI, icons, branding

Job ApplicationOffice DocumentsContent CreationDesign & VisualData AnalysisDevelopmentTesting & QualityAutomationResearch & StudyMarketing & GrowthAudio & VideoAgents & MCPE-commerceLife & Productivity
Total 5 guidesNewestPopularEasiest first
Design & Visual

Generate illustrations and marketing images with AI

The worst text-to-image is "one-line prompt, pure luck". The point: set style ref + subject + composition + ratio as structured prompt, then iterate small — not throw "draw something nice" and hope.

★☆☆☆☆ 15 分钟(含改提示词)3 skills
Design & Visual

Generate icons and article illustrations with AI

The pain of illustration isn't "can't draw" — it's "inconsistent style, blurry when scaled, can't edit". The point of AI vector illustration: set style and size first, want vector not bitmap, so it scales sharp and the source stays editable.

★★☆☆☆ 15 分钟(含改稿)3 skills
Design & Visual

Make podcast scripts and voiceover with AI

The pain of podcast/talking-head isn't "no voice" — it's "script reads like a paper, voice sounds robotic, nobody finishes". The point of AI: write the script as spoken human language, pick a natural voice, then decide on visuals — don't pile effects upfront.

★★☆☆☆ 20 分钟(含配音)3 skills
Design & Visual

Brainstorm and mind-map with AI

The worst brainstorming is "diverge and stop". The point of AI help: first force enough candidates (quantity before quality), then converge on 3 doable ones by "feasibility / impact" — not stop at "many ideas".

★☆☆☆☆ 12 分钟3 skills
Design & Visual

Turn the architecture in your head into a diagram with AI

The pain of diagramming isn't "can't draw" — it's that edits are exhausting: change one box and you re-layout the whole thing. Generating descriptive, re-flowable diagrams turns "drawing" into "describing structure"; editing text is 10x faster than editing the picture.

★☆☆☆☆ 10 分钟4 skills

Related Skills(8)

hyperframes-audio

heygen-com/hyperframes/skills/hyperframes-audio

Dev Tools

>

Cline / Roo Code
43.0k +43.0kDetails

hyperframes-creative

heygen-com/hyperframes/skills/hyperframes-creative

Dev Tools

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.

Universal
43.0k +43.0kDetails

tts-voice-synthesis

anbeime/skill/skills/tts-voice-synthesis

Dev Tools

影片与视频编辑、内容创作者在制作视频配音或有声书时,当需要克隆音色、生成情感化配音或流式实时语音合成请用此技能。支持1.7B高质量与0.6B快速双模型,一键实现多语言方言配音,让语音创作更高效更自然。

Universal
5.9k +5.9kDetails

icon-generator

anbeime/skill/skills/icon-generator

Dev Tools

网页与数字界面设计师和平面设计师在开发App、网页或设计UI界面时,当需要快速产出高质量Icon,使用此技能即可一键生成多尺寸、风格统一的标准图标,彻底解决图标设计耗时痛点,大幅提升视觉交付效率!

Universal
5.9k +5.9kDetails

pop-up-book-illustration

anbeime/skill/skills/pop-up-book-illustration/pop-up-book-illustration

Dev Tools

平面设计师与内容创作者在制作科技、教育或品牌视觉物料时,一键生成融合纸质手工质感与数字科技光效的3D弹出书风格插画。自动构建多层立体层次与明亮温暖色调,让创意跃然纸上,轻松产出极具视觉冲击力的专业级插画。

Universal
5.9k +5.9kDetails

brainstorming

obra/superpowers/skills/brainstorming

Dev Tools

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

Claude CodeOpenAI CodexGemini CLI
279.2k +279.2kDetails

fal-ai-media

affaan-m/ECC/skills/fal-ai-media

Automation

Unified media generation via fal.ai MCP — image, video, and audio. Covers text-to-image (Nano Banana), text/image-to-video (Seedance, Kling, Veo 3), text-to-speech (CSM-1B), and video-to-audio (ThinkSound). Use when the user wants to generate images, videos, or audio with AI.

Claude CodeMCP Client
252.1kJavaScriptDetails

concept-diagrams

NousResearch/hermes-agent/optional-skills/creative/concept-diagrams

Automation

Generate flat, minimal educational SVG visuals as HTML.

Universal
242.8kPythonDetails
visualizationdiagramssvg