vuralserhat86/skills/product_designer
skills/product_designer/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
$ install --global
skillsauthnpx skillsauth add vuralserhat86/antigravity-agentic-skills skills/product_designerInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 22, 2026, 6:01 AM171.8s1 file scanned
SKILL.md
- name:
- product_designer
- router_kit:
- FullStackKit
- description:
- Kullanıcı deneyimi (UX), arayüz tasarımı (UI) ve ürün stratejisi geliştirme.
- 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? |
Related Skills
vuralserhat86/zustand_state
tools
VerifiedTrustedCommunity
Production-tested setup for Zustand state management in React. Includes patterns for persistence, devtools, and TypeScript patterns. Prevents hydration mismatches and render loops.
42SKILL.mdUpdated Apr 22, 2026
vuralserhat86/xlsx
development
VerifiedTrustedCommunity
Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2) Reading or analyzing data, (3) Modify existing spreadsheets while preserving formulas, (4) Data analysis and visualization in spreadsheets, or (5) Recalculating formulas
42SKILL.mdUpdated Apr 22, 2026
vuralserhat86/skills/websocket_engineer
development
VerifiedTrustedCommunity
--- name: websocket_engineer router_kit: FullStackKit description: WebSocket specialist for real-time communication systems. Invoke for Socket.IO, WebSocket servers, bidirectional messaging, presence systems. Keywords: WebSocket, Socket.IO, real-time, pub/sub, Redis. triggers: - WebSocket - Socket.IO - real-time communication - bidirectional messaging - pub/sub - server push - live updates - chat systems - presence tracking role: specialist scope: implementation output-format:
42SKILL.mdUpdated Apr 22, 2026
vuralserhat86/webapp_testing
tools
VerifiedTrustedCommunity
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
42SKILL.mdUpdated Apr 22, 2026