Gather user design preferences before building UI. Use when: starting a project with visual interface (Web App, Mobile, Browser Extension). Triggers: "design preferences", "visual style", "choose theme", "design step".
Analyze customer feedback to extract actionable insights, identify patterns, and prioritize improvements
Layer 1: Real-Time Social Stream Monitoring via MCP
Research and gather requirements for a new feature spec. Use when you have a feature idea and need to understand scope, gather requirements, and document visuals before writing a spec.
Master perceived performance through optimistic UI, skeleton screens, and latency strategies. Learn the difference between actual and perceived latency. Use when optimizing load times, designing loading states, or improving user confidence during operations.
The Design System, Theme, and UX rules for the Physical AI Hub.
WCAG 2.1/2.2 compliance implementation, ARIA patterns, keyboard navigation, focus management, and accessibility testing. Use when implementing accessible components, fixing accessibility issues, or when the user mentions WCAG, ARIA, screen readers, or keyboard navigation.
Standard Operating Procedure for design workflow. Phase 1: Variations (diverge), Phase 2: Functional (converge), Phase 3: Polish (systemize).
Structure retainer packages and recurring revenue models for service businesses
Identify high-impact keywords using the 6 Circles Method. Use when planning content strategy, finding SEO opportunities, or discovering what your audience searches for.
Use when building, creating, or adding functionality. Triggers: "implement X", "build Y", "add feature Z", "create X", "start a new project", "Would be great to...", "I want to...", "We need...", "Can we add...", "Let's add...". Also for: new projects, repos, templates, greenfield development. NOT for: bug fixes, pure research, or questions about existing code.
You MUST use this before any EXTENDED creative work (not simple execution) - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
Industry-specific guide for implementing Fullstory in healthcare applications while maintaining HIPAA compliance. Covers PHI protection, patient portal UX, telehealth flows, appointment scheduling, and EHR integrations. Emphasizes that most healthcare data requires exclusion, not just masking, with detailed examples for compliant implementations.
Design and implement automated workflows to eliminate repetitive tasks and streamline processes
Research-first UI/UX design workflow. Use BEFORE any frontend visual work to research modern patterns, gather inspiration from real products, and avoid generic AI-generated looks. Mandatory prerequisite for quality UI work.
プロダクショングレードのUI/UXを作成するための統合スキル。 ダッシュボード、管理画面、LP、Webアプリケーション等のUI構築時に使用。 Linear, Notion, Stripe, Vercel等のデザイン品質を再現し、 AIっぽい平凡なデザインを避け、独自性のある洗練されたインターフェースを生成する。
Comprehensive guide for implementing Fullstory's Analytics Events API (trackEvent) for web applications. Teaches proper event naming, property structuring, type handling, and e-commerce event patterns. Includes detailed good/bad examples for funnel tracking, feature usage, conversion events, and SaaS subscription flows to help developers capture meaningful business events for analytics and segmentation.
World-class presentation creation embodying principles from Garr Reynolds, Nancy Duarte, Guy Kawasaki, Seth Godin, and TED
Design effective user onboarding flows that drive activation, adoption, and retention
