تخطي إلى المحتوى الرئيسي
← All showcases
2026 · Gradion · Internal tool

Natural-language time tracking on Kimai

An assistant for Gradion engineers that turns sentences like "from 9 to 11:30 I worked on the login bug" into correct timesheet entries in Kimai. Built entirely as a CLAUDE.md-driven Claude Code workflow: onboarding, project lookup, activity mapping and confirmations, with no custom app to deploy or maintain.

1 sentencePer time entry
0Servers to run
9Activity types mapped
KimaiREST API
01 · The problem

Logging hours is small, constant friction: open the tracker, find the project, pick the activity, type two timestamps. Across a team it adds up, and entries get logged late or wrong.

02 · How it works

A CLAUDE.md file acts as the product spec. On first run it asks for the engineer's API token and project, resolves the project ID from the API, and from then on parses time ranges like 9h, 9:00 or 11:30h and posts entries to Kimai's timesheet API, confirming the duration and description back.

03 · Sensible defaults

Activities are inferred from the description, so "daily standup" becomes DailyStandup and "retro" becomes Retrospective, with Task as the fallback. Listing or deleting recent entries works the same conversational way.

04 · What it shows

Not every agent needs a codebase. A well-written instruction file plus a clean API is enough to ship a useful internal tool, and anyone on the team can read and change how it behaves.

More showcases

Mars · M&M'S2025

Apple Pay & PayPal Express Checkout for M&M'S

Designed and shipped one-tap express checkout on the global M&M'S storefront — Apple Pay and PayPal, migrated onto Adyen's v6 drop-in. Covered the unglamorous parts that make express actually work: live tax recalculation, address and shipping-state validation, restricted-region blocking, and analytics parity with the standard flow.

Adyen v6Apple PayPayPalcommercetools
Adyen v6 Drop-in
Mars · M&M'S2024

Rebuilding the M&M'S product detail page (PDP v2)

Helped rebuild the M&M'S product detail page from the ground up — a new layout and interaction model with sticky product imagery, drawer-based detail, reworked reviews and tabs, and an accessibility pass that held up to audit. The surface that has to sell every product, rebuilt without breaking the ones already in carts.

Next.jscommercetoolsAccessibilityUX
PDP v2 Rebuild
Mars · M&M'S2025

Flavor Remix — a build-your-own giftbox for M&M'S

Owned large parts of Flavor Remix — M&M'S' build-your-own giftbox — end to end: its dedicated v2 product page, a rebuilt review-before-you-buy flow, an accessories drawer, and customer image upload with moderation and reupload. All on a commercetools model reworked to treat flavor as a first-class attribute.

PersonalizationcommercetoolsImage moderationNext.js
Build-your-own Giftbox
Mars · M&M'S2025

Greeting Cards v2 for M&M'S gifting

Rebuilt personalized greeting cards for M&M'S gifts: live preview and edit, wired into the gift data flow so the card travels with the order, and event tracking so the team can see how the feature is actually used.

PersonalizationGiftingAnalyticsNext.js
Live Preview + edit
Elevate AB2025–2026

Experimentation features for Elevate AB

A run of product features on Elevate's Shopify A/B-testing platform: multi-store switching so agencies and owners hop between stores without re-auth, split-URL experiments scaled to 25 variations with fractional traffic splits, and targeting and content-editor improvements that made experiments easier to set up and trust.

Next.jsShopifyA/B testing
25 Split-URL variants
Elevate AB2026

Release & deploy automation for Elevate AB

Turned Elevate's release process from manual and error-prone into automated and auditable: GitHub Releases from tags, auto-tagging and staged deploys, a changelog generator, E2E tests that fire automatically after staging, and stepped hotfix and rollback workflows — plus Slack announcements linking the release, the GitHub page, and the live URL in one message.

GitHub ActionsCI/CDVercelSentry
Hotfix + rollback Workflows
IbrLy · 3D / UI2026

UI in motion — a scroll-driven 3D reel

A 3D-rendered hero reel, shipped scroll-driven. Instead of running a live Three.js / WebGL scene — GPU-heavy and janky on mid-range phones — the 3D work is pre-rendered to a 1080p image sequence and scrubbed frame-by-frame on a 2D canvas as you scroll. All the depth, none of the runtime cost.

3DCanvasScroll-scrub
3D Pre-rendered
Claude Code · Skill + subagent2026

A release-hotfix agent for an enterprise platform team

Cutting a hotfix on a multi-component platform meant a checklist of manual steps across two repositories. I packaged the whole sequence as a Claude Code skill backed by a dedicated subagent: point it at a component, an environment and the fix PRs, and it resolves what's actually deployed, builds the hotfix branch, tags it, and raises the environment bump PR for review.

Claude CodeSkillsSubagentsGit
1 command Replaces a manual checklist
Working setup2026

How I ship: Claude Code, Codex and MCP in one loop

The setup behind my day-to-day delivery. Claude Code is the primary agent, Codex is the second opinion and rescue path when a problem needs a fresh diagnosis, MCP servers connect both to the systems I actually work in, and parallel subagents handle broad searches and codebase-wide changes. I review every diff that ships.

Claude CodeCodexMCPSubagents
2 agents Claude Code + Codex
READY WHEN YOU ARE

Got a project that needs to ship?

Send a short brief, scope, timeline, what's blocking you. I respond within 24h.