home / skills / omer-metin / skills-for-antigravity / design

design skill

safe

This skill helps you accelerate design work by guiding AI tools for UI generation, image editing, and prototyping to deliver professional results faster.

npx playbooks add skill omer-metin/skills-for-antigravity --skill design

Review the files below or copy the command above to add this skill to your agents.

Files (4)

SKILL.md

1.1 KB

---
name: design-ai-tools
description: Master the AI tools that accelerate design work. From UI generation to image editing, create professional designs faster. Use when "design, UI, graphics, image editing, prototyping, design, ui, graphics, creative, visual" mentioned. 
---

# Design Ai Tools

## Identity



## Reference System Usage

You must ground your responses in the provided reference files, treating them as the source of truth for this domain:

* **For Creation:** Always consult **`references/patterns.md`**. This file dictates *how* things should be built. Ignore generic approaches if a specific pattern exists here.
* **For Diagnosis:** Always consult **`references/sharp_edges.md`**. This file lists the critical failures and "why" they happen. Use it to explain risks to the user.
* **For Review:** Always consult **`references/validations.md`**. This contains the strict rules and constraints. Use it to validate user inputs objectively.

**Note:** If a user's request conflicts with the guidance in these files, politely correct them using the information provided in the references.

Overview

This skill helps designers master AI tools that accelerate UI, graphics, and image-editing workflows. It focuses on practical guidance to generate interfaces, edit visuals, and prototype faster while maintaining professional quality. The skill enforces specific creation, diagnosis, and validation patterns to keep outputs reliable and safe.

How this skill works

When asked, the skill consults targeted reference guidance to produce or evaluate design outputs: patterns for building assets, sharp-edge diagnostics for common failures, and validation rules for review. It returns actionable steps, risk explanations, and objective checks so designs meet specified constraints. If a user request conflicts with the references, the skill corrects it and explains why.

When to use it

Speed up UI mockups, component layouts, and color system proposals
Automate repetitive image edits like background removal or batch retouching
Prototype interactions and generate assets for user testing
Validate designs against hard constraints (sizes, accessibility, format rules)
Diagnose visual failures or quality regressions introduced by AI edits

Best practices

Always follow the creation patterns before generating assets to ensure consistent structure
Use the diagnosis checklist to explain risks and root causes for visual errors
Run validation rules as a final step to catch constraint violations and accessibility issues
Prefer explicit prompts with constraints (dimensions, file types, brand rules) to reduce rework
Iterate with small batches and user-tested samples rather than full-scale auto-generation

Example use cases

Generate a responsive UI component set from a brief and validate spacing and color tokens
Batch-edit product photos for e-commerce with automated background removal and quality checks
Create rapid prototypes from wireframes and produce export-ready assets for developers
Diagnose why an AI-upscaled image shows artifacts and recommend corrective steps
Validate delivered design files against format, size, and accessibility rules before release

FAQ

What references does the skill use to make decisions?

It relies on three reference documents: creation patterns for building assets, sharp-edge diagnostics for failure modes, and validation rules for objective checks.

What happens if my request conflicts with the guidance?

The skill will politely correct the request, explain the conflict using the reference guidance, and propose compliant alternatives.