Use when you have a written implementation plan to execute in a separate session with review checkpoints
npx skills add vuralserhat86/antigravity-agentic-skills --skill "product_designer"
Install specific skill from multi-skill repository
# Description
Kullanıcı deneyimi (UX), arayüz tasarımı (UI) ve ürün stratejisi geliştirme.
# SKILL.md
name: product_designer
router_kit: FullStackKit
description: Kullanıcı deneyimi (UX), arayüz tasarımı (UI) ve ürün stratejisi geliştirme.
metadata:
skillport:
category: design
tags: [accessibility, api integration, backend, browser apis, client-side, components, css3, debugging, deployment, frameworks, frontend, fullstack, html5, javascript, libraries, node.js, npm, performance optimization, product designer, responsive design, seo, state management, testing, typescript, ui/ux, web development] - product-strategy
🎨 Product Designer
Kullanıcı odaklı dijital ürün tasarımı ve deneyim stratejisi.
Product Designer v1.1 - Enhanced
🔄 Workflow
Kaynak: The Design Sprint (Google Ventures) & Design Thinking Process (Interaction Design Foundation)
Aşama 1: Empathy & Research
- [ ] Discovery: Problemi tanımla ve kullanıcı acı noktalarını (Pain points) belirle.
- [ ] User Persona: Hedef kitle modellerini ve kullanıcı yolculuklarını (Journey Mapping) oluştur.
Aşama 2: Ideation & Prototyping
- [ ] Wireframing: Düşük sadakatli (Low-fi) iskelet yapıları çiz.
- [ ] UI Design: Tasarım sistemine (Design System) sadık kalarak yüksek sadakatli (Hi-fi) ekranlar üret.
- [ ] Prototyping: Ekranlar arası geçişleri ve mikro-etkileşimleri (Animations) tanımla.
Aşama 3: Validation & Handoff
- [ ] Testing: Kullanılabilirlik testleri (Usability testing) ile tasarımı sına.
- [ ] Handoff: Tasarımı yazılım ekibine (Figma Dev Mode vb. ile) dökümante ederek aktar.
Kontrol Noktaları
| Aşama | Doğrulama |
|---|---|
| 1 | Tasarım erişilebilirlik (WCAG) standartlarına uygun mu? |
| 2 | Tasarım farklı ekran boyutlarında (Responsive) nasıl görünüyor? |
| 3 | Kullanıcı geri bildirimleri tasarım döngüsüne (Iterative design) dahil edildi mi? |
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.