A comprehensive development framework for building and maintaining the Fable creative writing desktop application.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install fable-dev
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install fable-dev using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Fable Dev Skill?
Fable Dev is a specialized technical skill designed for developers working within the Fable ecosystem, a sophisticated creative-writing desktop application built on Electron, React 19, and Vite. This skill provides the architectural blueprint for navigating a complex environment that includes a custom indexed filesystem where every file can contain children, a robust IPC bridge, and an AI-driven backend powered by Google ADK. By utilizing Openclaw Skills, contributors can maintain architectural integrity while extending the app capabilities with precision.
The framework emphasizes a strict separation of concerns, utilizing TanStack Query for state management and a VS Code-style command infrastructure. It ensures that developers follow critical invariants, such as process-agnostic shared code and optimistic UI updates, making it an essential resource for anyone debugging or extending this creative writing powerhouse.
Fable Dev Skill Use Cases
- Debugging and modifying the Electron and React 19 frontend components.
- Implementing new AI features using the Google ADK and multi-provider LLM registry.
- Extending backend services, including SQLite data persistence and the custom file tree logic.
- Adding new IPC channels or VS Code-style commands and keybindings.
- Localizing the application for international audiences across multiple namespaces.
How Fable Dev Skill Works
- The developer identifies a task such as adding a feature or fixing a bug within the Fable codebase using Openclaw Skills.
- The skill guides the developer to place code in the correct directory (shared, backend, or frontend) based on its execution environment requirements.
- Data mutations are routed through the queryService to ensure optimistic updates and proper state synchronization via TanStack Query.
- The backend services handle file operations and AI processing, pushing events back to the frontend through the IPC bridge.
- The system uses a specific routing logic based on file subTypes and categories to render the appropriate editor or viewer within the ContentViewer component.
Fable Dev Skill Setup
To set up the development environment for this skill, follow these standard procedures:
# Install project dependencies
npm install
# Launch the application in development mode (Vite + Electron)
npm run dev:electron
# Run linting, formatting, and TypeScript checks
npm run check
# Execute end-to-end tests via Playwright
npm run test:e2e
Fable Dev Skill Data Schema & Taxonomy
The skill manages a complex data hierarchy summarized below:
| Component | Description |
|---|---|
| FileNode | Every node can have children; parentId and siblingIndex are computed at runtime. |
| IPC Handlers | Managed in src/backend/handlers/ for file, project, and agent operations. |
| TanStack Query | Acts as the single source of truth with staleTime set to Infinity. |
| Command Infrastructure | VS Code-style CommandService, ContextService, and KeybindingService. |
| i18n | Dual-locale support (en/zh-CN) across 8 distinct namespaces. |
Fable Dev Skill Advanced Features
- Multi-provider LLM support through a custom agent system, AdkRunner, and ToolFactory.
- Optimistic UI updates with automatic rollback mechanisms on IPC failure.
- Event-driven file tree synchronization that uses push events from the backend instead of polling.
- Shared tool descriptors that power both the UI command palette and LLM-driven agents.
- Support for custom indexed filesystems allowing nested document structures regardless of file category.
SKILL.md
Loading
Related Openclaw Skills
Seedance Alternative Free
A professional-grade AI video generation skill that provides a free alternative to premium video creation platforms.
Realtime Hot News Aggregator
A sophisticated news aggregation skill that extracts, clusters, and delivers high-heat trending topics from six major digital platforms.
BTC Sprint Stack
A sophisticated trading framework for executing risk-managed, fast-horizon BTC momentum strategies on Simmer and Polymarket.
Security Review Workflow
A specialized workflow for AI agents to perform high-signal, exploit-focused security audits on code changes while minimizing false positives.
Remote Agent Scheduler
A specialized skill for managing recurring AI agent workflows in isolated cloud environments.
Financy - Personal Finance Tracker
Financy is a professional-grade personal finance tracking API that provides real-time transaction management and actionable financial analytics.
Featured*
