The visual workspace for AI-powered coding

Beyond the CLI.
The Professional GUI.

NoonFlow is a high-density visual coding workspace. It gives AI coding power users a stronger interaction layer and manageable asset management.

Download for macOSStar on GitHub
NoonFlow
Workbench
Dashboard
Monitor
Sessions
Costs
Tools
Widget Telemetry
Git
Repositories
History
Insights
Activities
Automation
Skills
Hooks
Agents
Memory
Workspaces
Engine-Core
main
1 session active
~/i18n/audit.mjs
Grep "## 状态更新"
Grep "步骤 4：状态更新"
Glob "src/lib/bridge/adapters/*.ts"
THINKING TRACE
Analyzing 11 skill files... Verifying state update protocols.
Handshake sequences synchronized across all active runtimes.
HandshakeUpdate engine.ts
NoonFlow-Pro-X
Describe your task...

Skill Management.
Automation across runtimes.

Manage your reusable automation skills. Group by runtime, toggle instantly, and monitor installed extensions.

  • Multi-runtime support (Claude Code / Codex)
  • One-click toggle for active skills
  • Visual grouping: Global, Installed, and Plugin
  • Direct "New Skill" creation and management

Skills

Marketplace
New Skill
Search skills...
ALL RUNTIMES
CLAUDE CODE
Installed 8
animate
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects.
colorize
Add strategic color to features that are too monochromatic or lack visual interest.
delight
Add moments of joy, personality, and unexpected touches that make interfaces memorable.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality.
install-skill
Use when installing a skill and creating symlinks to claude/codex skill directories.
skill-creator
Guide for creating effective skills with specialized knowledge and workflows.
unit-tester
Automatically generate and run vitest/jest suites for the current context.
docs-generator
Scans codebase to generate or update technical documentation and READMEs.

Memory & History.
Track every interaction.

View the complete timeline of your AI sessions. Inspect tool execution nodes and historical backtracking in a professional console.

  • Timeline visualization with message density
  • Detailed tool execution logs (Glob, Read, Grep)
  • Session stats: Message count and total duration
  • Persistent node-based memory exploration
dev
NoonFlow-Pro-X
Claude Code
260 MSG
19 MIN
USER 02:12:19
"分析当前项目中的 i18n 汉化缺口并生成审计报告。"
ASSISTANT 02:12:24
Glob src/app/**/page.tsx
Grep "text-.*"
Read orchestrate/SKILL.md
USER 02:15:01
"同步并修复 orchestrate 模块中的 exit protocol 协议。"
ASSISTANT 02:15:40
Glob src/components/*.tsx
Write handshake.ts
Write engine.tsx
USER 02:18:10
"持久化同步当前的 Session 记忆。"
ASSISTANT 02:18:45
Database COMMIT_MEMORY

IDE-Grade Interaction

Stop guessing what's happening. Manage your AI assets with absolute clarity.

Thinking Trace

Visualize the internal reasoning process of AI. Monitor every step of its logic as it happens.

Skill Management

Define and manage reusable automation skills across runtimes. Toggle, configure, and refine your toolset.

Memory Archaeology

Deep dive into persistent memory. View message counts, durations, and specific tool execution nodes.

Dual Runtime

Native support for Claude Code and Codex. Switch runtimes seamlessly within a single project.

Worktree Logic

Integrated Git worktree management for branch-based workflows. Keep your dev environment clean.

Multi-Tool Execution

Monitor parallel execution of Glob, Read, and Write operations with real-time success tracking.

Ready to build with clarity?

Current version: v0.4.0 • Requires Claude Code or Codex CLI