illustrations-local-storage
Localize HTTP(S) images in SoMark Markdown into ZIP-like directory packages for one Markdown file or a batch of .md/.markdown files. Use when a user needs to…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-02 00:09
Design & creation
21,655 results
baoyu-compress-image
Compresses images to WebP (default) or PNG with automatic tool selection. Use when user asks to "compress image", "optimize image", "convert to webp", or…
baoyu-image-gen
AI image generation with OpenAI, Google and DashScope APIs. Supports text-to-image, reference images, aspect ratios. Sequential by default; parallel generation…
article-cover-and-batch-illustration
Analyze the article structure and generate WeChat official account visual assets, using Codex's built-in image_gen/image2 by default. When the user says "make a cover image" or "generate a cover", output a 2.35:1 engineering-style cover image on a white background; when the user says "batch illustrations", "illustrate the article", "generate article illustrations", or "illustrate this article", generate multiple professional logic diagrams/concept diagrams for the paragraphs in batch. Automatically save to Obsidian images…
article-cover-and-batch-illustration
Analyze the article structure and generate WeChat public account visual assets, using Codex's built-in image_gen/image2 by default. When the user says "make a cover image" or "generate a cover", output one 2.35:1 engineering-style cover image on a white background; when the user says "batch illustration", "illustrate the article", "generate article illustrations", or "create images for this article", generate multiple professional logic diagrams/concept diagrams in batches for the paragraphs. Automatically save to Obsidian images…
design-responsive-charts
Make TanStack Charts adapt to measured containers, information priority, guide margins, SSR initial width, and final plot bounds. Load for narrow dashboards,…
image_editing
Edit, modify, or enhance existing images using natural language instructions. Use this skill when the user wants to change colors, remove backgrounds, add…
rocaille-shader
Generate Rocaille-style domain warping shaders, mouse-reactive liquid logo effects, depth-map parallax heroes (Astryx-style hover-reactive statues), and stable…
hyperframes-animation
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven…
hyperframes-general-video
Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces,…
forge-design-explore
Generates 3-4 rendered design variants for a named UI surface before it is built, collects taste feedback on a served board, and locks the choice as an ADR.…
forge-design-system
Creates the project DESIGN.md before UI work — 2-3 named aesthetic directions, then locked type, color, 4px spacing, radius and motion, with an HTML specimen.…
design-guide
Extract comprehensive design language from websites including colors, typography, animations, interactive states, shadows, gradients, component patterns, and…
design-implementation-reviewer
Visually compares live UI implementation against Figma designs and provides detailed feedback on discrepancies. Use after writing or modifying HTML/CSS/React…
design-iterator
Iteratively refines UI design through N screenshot-analyze-improve cycles. Use PROACTIVELY when design changes aren't coming together after 1-2 attempts, or…
gemini-imagegen
This skill should be used when generating and editing images using the Gemini API (Nano Banana Pro). It applies when creating images from text prompts, editing…
warehouse-and-schema-design
Guides agents through data warehouse and schema design. Use when defining fact and dimension models, keys, grain, normalization versus denormalization,…
software-android-design
Designs and audits native Android interfaces. Use when reviewing Compose layout, typography, color, motion, or adaptive patterns on a verified emulator build.
software-database-design
Designs database schemas, migrations, and data models for PostgreSQL, MySQL, MongoDB, and Redis. Use when planning tables, relationships, indexes, or…
canvas-assignment-design
Design Canvas LMS assignments using evidence-based learning science principles from the Four Learning Design Pillars. Use when educators want to create…
remotion-best-practices
Best practices for Remotion video creation in React. Use when creating video compositions, animations, or media processing with Remotion. Covers timing,…
venn-diagram-generator
This skill generates interactive Venn diagram visualizations using the venn.js JavaScript library. Use this skill when users request creating Venn diagrams,…
kling-studio
Full-featured Kling 3.0 Omni video generation skill. Covers text-to-video, image-to-video, video editing (base mode), video reference (feature mode),…
image-gen
Production-grade AI image generation with DALL-E 3 integration. Multiple models, style presets, batch processing, cost tracking, rate limiting, and automated…