notdaran
- 6 skills
- 0 followers
- 5 hours ago last updated
- ▌
- ▌ Illustra · notdaran bundleUse when creating a marketing illustration for a single bento / App-Store / feature card - blends real product screenshots with hand-drawn vector UI mockups (editor panels, score rings, drag-insert lines, A/B cards) as pure HTML/CSS/SVG on a swappable brand preset, exported as a transparent retina PNG. Not for full page layouts, animation (HyperFrames), or AI image generation.
- ▌
- ▌ Product Analyst · notdaran bundleProduct-analytics co-pilot for the full make-product loop: frame a goal into metrics, monitor them, spot problems (and rule out tracking artifacts first), diagnose root cause, prioritize quantitatively, then pick what to work on. Use when the user says "I want to improve X", "what's wrong with this metric/funnel", "why did X drop", "which problem should I work on", "monitor my product metrics", "help me set a North Star / success metric", or pastes a dashboard/board to analyze. Applies the method on pasted numbers; drives Mixpanel MCP when present.
- ▌ Pf Mainsite Page · notdaran bundleUse when building or rebuilding a marketing page on pagefly.io (a Shopify store, separate from the app) inside the PageFly editor - feature landing pages, GAP pages, spoke pages. Carries the named global-section library the store already has, so a new page is assembled from existing layouts - either by duplicating a page already shipped, or by insert + unsync + rewrite - rather than measured or hand-written. Also covers claim verification against code, the one case that still needs `Custom.HTML`, and keeping the new page off the orphan list. Triggers on: "dung trang tren pagefly.io", "build landing page cho feature X", "trang GAP", "mainsite page", "tao trang /pages/... tren mainsite". NOT for: UI inside the Shopify embedded admin app (different surface, different component system), marketing images (illustra / feature-demo), or content claims and SEO/AEO decisions (those belong to your content layer).
- ▌ Pagefly Browser Tester · notdaran bundleUse when running any E2E browser test for PageFly — AISP, CRO Center, Dashboard, Page Editor, A/B Tests, Analytics, Settings, or any screen inside the Shopify admin overlay/iframe. Covers Chrome DevTools MCP automation, Shopify iframe nesting, overlay modal handling, session continuity. MUST activate before ANY PageFly browser interaction — NEVER use Playwright (unusably slow and clicks never stabilise; see Tool rule).