derKlinke
@derKlinke
Public Skills
ui-ux-pro-max
by derKlinke
Use when designing/reviewing UI or UX for web/mobile products, selecting style/color/typography/layout/animation/chart patterns, or generating stack-specific implementation guidance (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui).
design-quality-gates
by derKlinke
Use when any task includes UI or visual design decisions (layout, grids, typography, color, visual hierarchy, motion, accessibility), before implementation, critique, or sign-off.
design-system-doc
by derKlinke
Maintain and enforce a repo-root DESIGN.md as a living, platform-agnostic design doctrine. Use for UI/design implementation or review tasks across web and Apple platforms (iOS/macOS) to keep language, aesthetic rules, and interaction principles consistent with current state.
interface-design
by derKlinke
This skill is for interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing design (landing pages, marketing sites, campaigns).
frontend-design
by derKlinke
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
design-typography-system-doc
by derKlinke
Use when defining, refactoring, or auditing a strict project typography system with mathematical ratios and canonical role rules, and when creating/updating repo-root TYPO.md.
emotional-design-norman
by derKlinke
Apply Don Norman's Emotional Design framework (visceral, behavioral, reflective) for UX/UI critique, product concepting, and experience polish. Use when asked to make products feel delightful, engaging, meaningful, or to balance aesthetics with usability; or when emotional design / visceral / behavioral / reflective is mentioned.
algorithmic-art
by derKlinke
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
css-grid-overlay-debug
by derKlinke
Build and debug deterministic CSS Grid visualization overlays (columns, rows, gutter hatching) with subgrid support. Use when grid guides are duplicated, missing, misaligned, or inconsistent across nested layouts and route transitions.
aws-cdk-development
by derKlinke
Use when building/refactoring AWS infrastructure with CDK (TypeScript/Python), validating stacks, or handling cdk synth/deploy workflows with current AWS documentation checks.
ios-camera-capture-diag
by derKlinke
camera freezes, preview rotated wrong, capture slow, session interrupted, black preview, front camera mirrored, camera not starting, AVCaptureSession errors, startRunning blocks, phone call interrupts camera
executing-plans
by derKlinke
Use when you have a written implementation plan to execute in a separate session with review checkpoints
ios-background-processing-diag
by derKlinke
Use for symptom-based background task troubleshooting: task never runs, terminates early, delegate not called, dev/prod mismatch, inconsistent scheduling, launch crash, duplicate runs.
ios-accessibility-diag
by derKlinke
Use when fixing VoiceOver issues, Dynamic Type violations, color contrast failures, touch target problems, keyboard navigation gaps, or Reduce Motion support - comprehensive accessibility diagnostics with WCAG compliance, Accessibility Inspector workflows, and App Store Review preparation for iOS/macOS
ios-background-processing-ref
by derKlinke
Complete background task API reference - BGTaskScheduler, BGAppRefreshTask, BGProcessingTask, BGContinuedProcessingTask (iOS 26), beginBackgroundTask, background URLSession, with all WWDC code examples
ios-apple-docs-research
by derKlinke
Use when researching Apple frameworks, APIs, or WWDC sessions - provides techniques for retrieving full transcripts, code samples, and documentation using Chrome browser and sosumi.ai
ios-build-performance
by derKlinke
Use for slow builds: Build Timeline analysis, type-check bottlenecks, compilation caching, and incremental-build optimization
ios-background-processing
by derKlinke
Use when implementing BGTaskScheduler, debugging background tasks that never run, understanding why tasks terminate early, or testing background execution - systematic task lifecycle management with proper registration, expiration handling, and Swift 6 cancellation patterns
ios-camera-capture
by derKlinke
AVCaptureSession, camera preview, photo capture, video recording, RotationCoordinator, session interruptions, deferred processing, capture responsiveness, zero-shutter-lag, photoQualityPrioritization, front camera mirroring
ios-app-intents-ref
by derKlinke
Use when integrating App Intents for Siri, Apple Intelligence, Shortcuts, Spotlight, or system experiences - covers AppIntent, AppEntity, parameter handling, entity queries, background execution, authentication, and debugging common integration issues for iOS 16+
ios-app-store-diag
by derKlinke
Use when app is rejected by App Review, submission blocked, or appeal needed - systematic diagnosis from rejection message to fix with guideline-specific remediation patterns and appeal writing
ios-app-store-ref
by derKlinke
App Store submission reference — complete metadata field specs, App Review guideline index, privacy manifest schema, age rating system, export compliance, EU DSA requirements, IAP review pipeline, and WWDC25 submission changes
ios-app-shortcuts-ref
by derKlinke
Use when implementing App Shortcuts for instant Siri/Spotlight availability, configuring AppShortcutsProvider, adding suggested phrases, or debugging shortcuts not appearing - covers complete App Shortcuts API for iOS 16+
ios-app-store-submission
by derKlinke
Use when preparing ANY app for App Store submission - enforces pre-flight checklist, rejection prevention, privacy compliance, and metadata completeness to prevent common App Store rejections