graphifOfficial·6 Agent Skills Included

project-graph

Extend the Project Graph desktop app with AI-guided workflows

Guides AI agents through extending Project Graph, a desktop node-graph tool for brainstorming and visual planning. Adds new keyboard shortcuts, settings options, UI components, and translations without digging through the codebase manually. Enforces project conventions like type-checking instead of building, so changes stay safe and consistent.

4,387|279

↗

npx skills add graphif/project-graph --all -g -y

Available:

Tells the AI agent how the Project Graph codebase is structured, which skills to use for tasks like keybinds and settings, and enforces rules such as never running builds and always verifying changes with type-check.

All Skills in This Repository (6)

Pure Emerald Level Indicators

📦 In Repo

graphif

create-keybind

Guide creating and registering keyboard shortcuts within the Project Graph application.

create-setting-item

Guide creation of setting items in the Project Graph application.

manage-translations

Manage multilingual YAML translation files in the Project Graph locales directory.

ui

Provides promise-based dialog and toast notification components built on shadcn/ui.

shadcn

Manages shadcn/ui components via CLI for adding, searching, styling, and composing React UI.

type-check

Runs TypeScript type checking for the project-graph package via pnpm.

Official

Basic

Frequently Asked Questions

FAQPage Schema

How to install Project Graph skills?▼

Run `npx skills add graphif/project-graph --all -g -y` in your terminal to install all skills in this suite globally.

What is Project Graph used for?▼

Project Graph is a desktop node-graph drawing app for brainstorming, knowledge mapping, and visual project planning. These skills help AI agents extend and maintain the app itself.

How to add a keyboard shortcut with AI?▼

The create-keybind skill walks your agent through registering the shortcut, grouping it in settings, and adding translations in all supported languages.

Can AI add new settings options safely?▼

Yes. The create-setting-item skill defines the schema, icon, translations, and grouping so new options appear automatically in the settings page.

Does this work with Claude Code and Cursor?▼

Yes. All skills follow the standard SKILL.md format and run in Claude Code, Cursor, Codex, and other compatible AI coding agents.