A bundle of agent skills for building extensions on the Frontify platform with AI coding tools (Claude Code, Cursor, and similar agentic development environments).
Each top-level folder is a self-contained skill — a SKILL.md plus optional references/, scripts/, and assets/ — that an agent loads on demand to gain Frontify-specific knowledge for the task at hand. The skills cover scaffolding, authentication, the GraphQL API, the Media Processing CDN, the Fondue design system, deployment, and lightweight PRD/task planning.
Point your agent at this repository (or copy the skill folders into your agent's skill directory) and invoke the orchestrator:
/build-for-frontify
The orchestrator (build-for-frontify/SKILL.md) runs a short discovery dialogue — extension type, surface, project status, immediate goal, UI framework — then routes to the right type-specific skill and pulls in shared resources as needed.
If you already know what you're building, you can also load a type skill directly (for example, frontify-app/SKILL.md).
- Node.js ≥ 22.14 (bundles
npmandnpx) - React Developer Tools browser extension (required for HMR)
- A Frontify account with at least Editor permission, or a free Developer Sandbox
- Windows: WSL 2
| Skill | Purpose |
|---|---|
build-for-frontify/ |
Entry point. Discovers what the user wants to build and routes to the right type and resource skills. |
| Skill | Use when building... |
|---|---|
frontify-app/ |
A Frontify App — React SPA running on platform surfaces (assetAction, assetCreation, assetBulkActions, assetViewer, pageAction, themeAction). |
frontify-custom-block/ |
A Custom Content Block — guideline component built with the Brand SDK and placed on Brand Guideline pages. |
frontify-theme/ |
A Theme — customizes the look and feel of Brand Guidelines via AppBridgeTheme. |
| Skill | Context |
|---|---|
frontify-auth-app/ |
Apps — AppBridge auth, scopes in manifest.json, executeSecureRequest, secrets, App User State. |
frontify-auth-integration/ |
External integrations — backend scripts, CI jobs, OAuth 2.0 client apps, Service Apps, personal tokens, raw bearer auth against /api/oauth/*. |
| Skill | Topic |
|---|---|
frontify-graphql/ |
Public GraphQL API — endpoint, global IDs, common queries/mutations, pagination, beta flags. |
frontify-media-processing/ |
URL-based image/video/PDF transforms on Frontify's CDN (?mod=v1/...). |
frontify-fondue/ |
Fondue — Frontify's component and design-token system. |
frontify-deployment/ |
Deploy mechanics — FRONTIFY_INSTANCE / FRONTIFY_TOKEN, build gates, Marketplace publishing. |
Skills follow the SKILL.md convention. Each SKILL.md starts with YAML front matter declaring name and description; the agent reads the description to decide whether to load the skill, then follows the Markdown body.
The orchestrator pattern in this repo is:
build-for-frontifyruns discovery and selects an extension type.- It loads the matching type skill (
frontify-app,frontify-custom-block, orfrontify-theme). - As the build progresses, the agent lazily loads shared skills — auth, GraphQL, media processing, deployment, Fondue — only when the relevant topic comes up.
Skills are intentionally narrow and load on demand to keep the agent's context window focused on the work at hand.
Skills authored by Frontify. See individual SKILL.md files for version and authorship metadata.