Skills Flow banner
nathnotifia nathnotifia

Skills Flow

Design community

Description

Native macOS app for managing Claude Code and Codex skills, commands, and visual workflows

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

Skills Flow

A native macOS desktop app for managing Claude Code and Codex skills, commands, and visual workflows.

Built with [Tauri](https://tauri.app) (Rust) + React + [COSS UI](https://coss.com/ui).

Features

Skills & Commands Manager

  • Imports your skills from ~/.agents, ~/.claude, and ~/.codex directories
  • Browse, search, create, edit, and delete skills and commands
  • Filter by source (.claude, .codex, .agents, Skills Flow)
  • Tag skills for quick organization
  • WYSIWYG markdown editor with / slash commands
  • Rendered markdown preview for easy reading
  • Deploy to Claude Code (.claude), Codex (.codex), or both

Visual Workflow Builder

  • Drag-and-drop workflow canvas (powered by ReactFlow)
  • Node types: Skill, Command, Instruction, User Input, Output
  • Configure each node — select skills, write instructions, toggle sub-agent execution
  • Save workflows as reusable skills with auto-generated step-by-step instructions
  • Saved workflows appear in the sidebar for quick access

Projects

  • Add project folders to sync skills to specific projects only
  • Native macOS folder picker
  • Symlink skills into project .claude/ or .codex/ directories
  • All projects always available in the destination dropdown when creating skills

Auto-Updates

  • Built-in update checker in the sidebar
  • One-click update + relaunch
  • Your skills, workflows, and config are stored in ~/.claude/ — never affected by app updates

Install

Download the latest `.dmg` from [Releases](https://github.com/nathnotifia/skills-flow/releases).

  • Apple Silicon (M1/M2/M3/M4): Skills.Flow_x.x.x_aarch64.dmg
  • Intel Mac: Skills.Flow_x.x.x_x64.dmg

Development

Prerequisites

  • Rust (1.70+)
  • Node.js (20+)
  • pnpm

Setup

pnpm install
pnpm tauri dev

Build

pnpm tauri build

The `.dmg` will be in `src-tauri/target/release/bundle/dmg/`.

How It Works

**Skills** are markdown files in `~/.claude/skills/{name}/SKILL.md` or `