Skills Flow — Design skill for Claude Code

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 `