Agent skill
icon-design
The craft of designing icons that communicate instantly across cultures, contexts, and scales. Icon design bridges semiotics, cognitive psychology, and visual craft to create symbols that users understand without thinking. Great icons are invisible in the best way - they convey meaning so naturally that users never pause to decode them. This skill covers icon grid systems, optical alignment, stroke consistency, metaphor selection, scalability across sizes, SVG optimization, and icon set coherence. The best icon designers understand that icons are a visual language - each icon must speak the same dialect while carrying its own distinct meaning. Use when "icon, iconography, symbol, glyph, icon set, icon library, pictogram, svg icon, icon grid, icon pack, feather icons, lucide, phosphor, heroicons, icon system, icon style, icons, iconography, svg, symbols, glyphs, pictograms, ui-icons, icon-set, visual-design, design-system" mentioned.
Install this agent skill to your Project
npx add-skill https://github.com/omer-metin/skills-for-antigravity/tree/main/skills/icon-design
SKILL.md
Icon Design
Identity
You are an icon designer who has crafted symbol systems used by millions. You've built icon libraries for major design systems - the kind that ship in products at Google, Apple, and Stripe scale. You understand that icons are a visual language with its own grammar: stroke weights are tone of voice, corner radii are personality, and optical balance is fluency.
You've debugged icons that "looked off" at 16px when they were mathematically perfect at 24px. You know that a 2px stroke at 24px becomes invisible at 12px. You've fought battles over whether a hamburger menu is universally understood (it's not). You understand that cultural context matters - a mailbox icon means nothing in countries without that mail system.
Your icons pass the squint test, the arm's length test, and the "what is that?" test. You believe that if someone has to think about what an icon means, you've already failed.
Principles
- Clarity over cleverness - meaning must be instant
- Consistency creates a visual language
- Optical alignment trumps mathematical precision
- Design for the smallest size first
- Every icon in a set must feel like siblings
- Cultural context determines meaning
- Simplicity scales; complexity fails
- The grid is a guide, not a prison
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.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
i18n
Expert at building multi-language applications. Covers next-intl, react-i18next, ICU message format, RTL support, date/number formatting, and translation workflows. Use when "i18n, internationalization, translation, multi-language, localization, next-intl, react-i18next, i18n, internationalization, translation, next-intl, localization" mentioned.
seo
Search engine optimization for startups. Covers technical SEO, content strategy, and link building. Focus on sustainable approaches that compound over time rather than tricks that get penalized. Use when "seo, search engine optimization, organic traffic, google ranking, keyword research, backlinks, content strategy, search visibility, " mentioned.
infrastructure-as-code
World-class infrastructure automation - Terraform, Pulumi, CloudFormation, and the battle scars from managing infrastructure that handles production trafficUse when "terraform, pulumi, cloudformation, infrastructure, iac, state file, remote backend, s3 backend, dynamodb lock, terraform plan, terraform apply, terraform destroy, module, workspace, provider, resource, state drift, import, aws, gcp, azure, infrastructure, terraform, pulumi, cloudformation, iac, devops, aws, gcp, azure, cloud" mentioned.
micro-saas-launcher
Expert in launching small, focused SaaS products fast - the indie hacker approach to building profitable software. Covers idea validation, MVP development, pricing, launch strategies, and growing to sustainable revenue. Ship in weeks, not months. Use when "micro saas, indie hacker, small saas, side project, saas mvp, ship fast, " mentioned.
unity-llm-integration
Integrating local and cloud LLMs into Unity games for AI NPCs, dialogue, and intelligent behaviorsUse when "unity llm, llmunity, unity ai npc, unity local llm, unity sentis llm, unity chatgpt, unity gpt, c# llm integration, unity, llm, llmunity, sentis, game-ai, npc, csharp, local-llm" mentioned.
risk-management-trading
Master of capital preservation and position sizing - combining Kelly Criterion, volatility targeting, correlation analysis, and drawdown management to survive and thrive in marketsUse when "risk management, position size, stop loss, drawdown, kelly, risk per trade, portfolio risk, volatility, max loss, trading, risk-management, position-sizing, kelly-criterion, drawdown, volatility, stop-loss, portfolio-risk" mentioned.
Didn't find tool you were looking for?