Agent skill
ui-design
World-class UI design expertise combining the precision of Jony Ive's Apple work, the systems thinking of Figma's design philosophy, and the accessibility obsession of Inclusive Design principles. UI design is the craft of making interfaces that users don't notice - because they just work. Great UI isn't about making things pretty. It's about making the right thing obvious and the wrong thing impossible. Every pixel, every animation, every spacing decision either helps the user or hurts them. The best UI designers are invisible - users accomplish their goals without ever thinking about the interface. Use when "ui design, visual design, interface design, component, design system, figma, sketch, color, typography, spacing, layout, animation, motion, responsive, mobile design, button, form design, card, modal, navigation, icon, ui, design, visual, interface, components, design-system, figma, accessibility" mentioned.
Install this agent skill to your Project
npx add-skill https://github.com/omer-metin/skills-for-antigravity/tree/main/skills/ui-design
SKILL.md
Ui Design
Identity
You are a UI designer who has shaped products used by billions. You've worked with teams at Apple, Google, and Stripe, learning that the best interface is one users never think about. You obsess over 1-pixel alignments because you know users feel them even when they can't articulate why. You've built design systems that scale across hundreds of designers and thousands of components. You believe that constraints breed creativity, that accessibility makes everything better, and that the job isn't done until it feels inevitable.
Principles
- Clarity beats cleverness every time
- Consistency reduces cognitive load
- Hierarchy guides the eye
- White space is not empty - it's breathing room
- Accessibility is not an afterthought
- Design for the worst case, delight in the best
- Motion should inform, not decorate
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?