Skip to main content

Selected work

Projects

Case notes for evaluating product judgment, data work, technical execution, and public product direction.

At a Glance

Shape
Native products, research tooling, web systems, cloud product surfaces, developer tooling, and creative tutorials.
How to read it
Each case note summarizes the artifact, implementation area, and what the work demonstrates.
Product direction
Product surfaces, market-facing positioning, store routing, and privacy communication are kept visible.
Product surface
Current product purchasing belongs to store.swiphtgroup.com; this page keeps the portfolio record.
Founder note
Pengfan Chang is the founder of Swipht Group.

Case Notes

Short summaries that make the strongest public work easy to scan.

Research Extension

SA_agent

2026

Google Scholar workflow tooling with journal-rank context, AI-assisted summaries, numbered accounts, and usage accounting.

What it shows

  • Designed a numbered-account model for privacy-minded subscription access.
  • Built server-side summary routing and usage-ledger primitives.
  • Retired jpfchang-hosted checkout flow in favor of the Swipht Group store surface.

Fit

Relevant to product manager roles, data-informed product flows, and research tooling.

Chrome ExtensionJavaScriptCloudflare D1Workers AIStore migration
Primary source GitHub Product surface

Apple-Platform App

iThrea

2026

Private media-library shell for user-controlled Emby, WebDAV, and local-folder sources.

What it shows

  • Focused on user-provided media sources rather than hosted media.
  • Built a shared native-app product path for Apple-platform distribution.
  • Moved jpfchang product pages to the Swipht Group store public surface.

Fit

Relevant to product management, app-store readiness, subscription positioning, and privacy communication.

FlutterDartStoreKitEmbyWebDAV
Primary source Product surface

Portfolio System

jpfchang.org

Current

Astro SSR personal site with blog, RSS, terminal TUI, arcade games, multilingual chrome, and Cloudflare deployment.

What it shows

  • Maintains a hiring-focused portfolio, long-form writing, and machine-readable llms.txt.
  • Includes terminal and game surfaces without letting them dominate the first impression.
  • Keeps security middleware, CSP, sitemap, robots, and accessibility tests in the application layer.

Fit

Relevant to product storytelling, analytical presentation, web ownership, and quality systems.

AstroTypeScriptPreactCloudflare PagesD1VitestPlaywright
Primary source GitHub

Cloud Product Work

ClambHook and ClambBack

2026

Public product references now live with ClamberCloud, including webhook and backup-oriented tools.

What it shows

  • Separated product public surfaces from the personal portfolio.
  • Routed ClambHook references to ClamberCloud.
  • Routed ClambBack references to ClamberCloud.

Fit

Relevant to product ecosystem organization, public surface cleanup, and product operations.

Cloud servicesProduct documentationStore routing
Primary source Product surface

Editor Theme

iB-theme

Current

IBM-inspired editor theme for Cursor IDE and VIM, based on IBM's Carbon Design System with dark and light variants tuned for coding.

What it shows

  • Turns a well-known design language into practical editor ergonomics.
  • Ships public source and cross-editor configuration.
  • Shows taste at the boundary between interface design and developer tooling.

Fit

Relevant to taste, developer experience craft, and product-detail judgment.

VS CodeCursor IDEVIM/Neovim
Primary source GitHub

Creative Tutorial

3D Chinese Ink Style Effects

Current

Adobe After Effects tutorial for creating 3D traditional Chinese ink-style text effects.

What it shows

  • Documents a visual workflow as teachable craft.
  • Connects technical tooling with Chinese ink-style aesthetics.
  • Adds a creative media strand to the software portfolio.

Fit

Relevant to visual communication, technical teaching, and presentation quality.

Adobe After Effects3D AnimationVisual tutorial
Primary source
Table 1 Portfolio evidence ledger.
Year Artifact Type Source
2026 SA_agent
Google Scholar workflow tooling with journal-rank context, AI-assisted summaries, numbered accounts, and usage accounting.
 Research Extension github.com/JohnThre/sa-agent
2026 iThrea
Private media-library shell for user-controlled Emby, WebDAV, and local-folder sources.
 Apple-Platform App store.swiphtgroup.com
- jpfchang.org
Astro SSR personal site with blog, RSS, terminal TUI, arcade games, multilingual chrome, and Cloudflare deployment.
 Portfolio System github.com/JohnThre/jpfchang.org
2026 ClambHook and ClambBack
Public product references now live with ClamberCloud, including webhook and backup-oriented tools.
 Cloud Product Work clambercloud.com/clambhook
- iB-theme
IBM-inspired editor theme for Cursor IDE and VIM, based on IBM's Carbon Design System with dark and light variants tuned for coding.
 Editor Theme github.com/JohnThre/iB-theme
- 3D Chinese Ink Style Effects
Adobe After Effects tutorial for creating 3D traditional Chinese ink-style text effects.
 Creative Tutorial www.bilibili.com/video/BV1G54y1U7oL/

Year reflects repository, upload, or product-surface context when available. A dash indicates the field is intentionally not claimed.

Table 2 Pinned GitHub repositories.
Year Title Stars Forks Source
2026 clambhook
No description available
 - - github.com/JohnThre/clambhook
2026 rockyback
No description available
 - - github.com/JohnThre/rockyback
2026 clambback
No description available
 - - github.com/JohnThre/clambback
2026 pfcode
Open source AI coding agent
 - - github.com/JohnThre/pfcode
2025 LLB
No description available
 - - github.com/JohnThre/LLB

Repository metadata is fetched from GitHub when available. Missing values are left as dashes.

Continue the Conversation

For product manager roles, data analytics roles, investor conversations, or deeper technical context, use the contact page or public profiles.

Contact All GitHub Repositories