skills.rest
zzafergok
zzafergokCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ai-organizer-ui-consolidation

Build a React dashboard consolidating 70+ CLI tools for file organization.

1|1|Updated Mar 22, 2026
Search Tags:#ui#frontend#react#design-system#cli-consolidation#ai-file-organizer#adhd-ux
One-click install
npx skills add https://github.com/zzafergok/skills --skill ai-organizer-ui-consolidation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ai-organizer-ui-consolidation
Source: https://github.com/zzafergok/skills/tree/main/09-planning-process/ai-organizer-ui-consolidation
Command: npx skills add https://github.com/zzafergok/skills --skill ai-organizer-ui-consolidation

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

The ADHD-friendly UI consolidates 70+ CLI tools into a single, macOS-inspired frontend for the AI File Organizer, reducing context-switching and cognitive load for file organization tasks.

Core Features & Use Cases

  • Unified dashboard that replaces terminal commands with a visual control plane for file organization, search, VEO prompts, and system status
  • Drag-and-drop file organization, quick actions, and an undo/rollback mindset for safe operations
  • VEO prompt integration and system management visibility to orchestrate backend workflows from a single UI

Quick Start

Initialize the frontend scaffold and launch the unified dashboard to begin consolidating CLI tasks into the web UI.

Frequently Asked Questions about ai-organizer-ui-consolidation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I consolidate multiple CLI tools into a single frontend dashboard?▼

A macOS-inspired, liquid-glass design system reduces cognitive load for file organization by replacing terminal commands with a visual control plane. It provides drag-and-drop file management, quick actions, and an undo/rollback mindset for safe operations.

How do I build a React frontend for AI file organization?▼

Yes, VEO prompt integration is supported within the unified dashboard, allowing you to orchestrate backend workflows and manage system status directly from the single UI instead of using terminal commands.

Does this UI consolidation approach work with TanStack Query and Vite?▼

This approach distinguishes itself by replacing terminal workflows with a macOS-inspired dashboard featuring a liquid-glass design system. Unlike scattered CLI tools, it provides a unified visual control plane for file organization, search, and system management.

What is the best way to replace terminal workflows for file organization?▼

The consolidated UI includes drag-and-drop file organization, quick actions, and an undo/rollback mindset for safe operations. It replaces terminal commands with a visual control plane for managing backend workflows and system status.

Why use a liquid-glass design system for a file organization UI?▼

The UI consolidation requires a React-based frontend stack using Vite, Tailwind, and TanStack Query. You also need integration patterns from references such as api-endpoints.md and component-specifications.md to connect backend workflows.

Related Skills

Explore More Software Engineering Skills→
timequitytimequity
6

frontend-react

Automate React frontend development with TypeScript, Tailwind CSS, Vite, Zustand, and TanStack Query.

Official
Advanced
mattwoodcomattwoodco
3

storage-ui

Provide a React-based file management interface with drag-and-drop uploads.

Community
Intermediate
Aradhya0510Aradhya0510
3

apx

Create full-stack Databricks apps with React and FastAPI.

Community
Intermediate
skyvanguardskyvanguard

bear-notes

Create, search, and manage Bear notes via the grizzly CLI on macOS.

Community
Intermediate