How do I install the Examples skill?

Run npx skillmds@latest add agents-store/examples-43 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Examples safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Examples?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Examples free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Examples?

agents-store (@agents-store) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Examples by agents-store — Agent Skill

Name: Examples
Author: agents-store

Examples

End-to-end scenario walkthroughs for the Directus + Next.js + Trigger.dev stack. This skill should be used when the user asks for "directus nextjs trigger.dev examples", "how to build a blog with directus + next.js", "ai enrichment pipeline example", "scheduled data sync example", "show me a complete example with background tasks", or needs implementation references for common application types on this stack.

agents-store 667a758 5 files · 35.5 KB Updated Sep 17, 2026

File contents

Examples: Directus + Next.js + Trigger.dev Scenarios

Complete walkthroughs for building common application types with this stack. Each scenario shows the full flow from Directus data model through Next.js rendering, and — where applicable — through Trigger.dev background work and back to Directus.

Available Scenarios

Scenario	Description	Key Patterns
Blog	Content blog with posts, authors, and categories	M2O relations, images, ISR, SEO metadata, RSS feed
Product Catalog	E-commerce catalog with products, categories, and filtering	M2M relations, search params, image gallery, dynamic filters
AI Enrichment Pipeline	Directus article created → background LLM enrichment → write tags/summary back → revalidate	Directus Flow webhook, `tasks.trigger()`, idempotency, Directus SDK in task, close-the-loop revalidation
Scheduled Data Sync	Daily cron pulls from external API → upserts into Directus → revalidates dashboard	`schedules.task()`, cron strings, upsert patterns, dashboard revalidation

How to Use

Pick the scenario closest to what you are building
Read the full walkthrough in references/scenarios/
Adapt the collections, fields, and page structure to your needs
Follow the full-feature template for each new feature you add
If your feature needs background work, also read background-tasks (for event-driven) or scheduled-tasks (for cron)

Each scenario includes:

Directus collection schema (fields, relations, permissions)
TypeScript interfaces
Complete Next.js page code (listing, detail, metadata)
Trigger.dev task definition (for AI/schedule scenarios)
Image handling patterns
Revalidation strategy

---name: examples-43description: End-to-end scenario walkthroughs for the Directus + Next.js + Trigger.dev stack. This skill should be used when the user asks for "directus nextjs trigger.dev examples", "how to build a blog with directus + next.js", "ai enrichment pipeline example", "scheduled data sync example", "show me a complete example with background tasks", or needs implementation references for common application types on this stack.---# Examples: Directus + Next.js + Trigger.dev ScenariosComplete walkthroughs for building common application types with this stack. Each scenario shows the full flow from Directus data model through Next.js rendering, and — where applicable — through Trigger.dev background work and back to Directus.## Available Scenarios| Scenario | Description | Key Patterns ||----------|-------------|--------------|| [Blog](references/scenarios/blog-with-directus.md) | Content blog with posts, authors, and categories | M2O relations, images, ISR, SEO metadata, RSS feed || [Product Catalog](references/scenarios/product-catalog.md) | E-commerce catalog with products, categories, and filtering | M2M relations, search params, image gallery, dynamic filters || [AI Enrichment Pipeline](references/scenarios/ai-enrichment-pipeline.md) | Directus article created → background LLM enrichment → write tags/summary back → revalidate | Directus Flow webhook, `tasks.trigger()`, idempotency, Directus SDK in task, close-the-loop revalidation || [Scheduled Data Sync](references/scenarios/scheduled-data-sync.md) | Daily cron pulls from external API → upserts into Directus → revalidates dashboard | `schedules.task()`, cron strings, upsert patterns, dashboard revalidation |## How to Use1. Pick the scenario closest to what you are building2. Read the full walkthrough in `references/scenarios/`3. Adapt the collections, fields, and page structure to your needs4. Follow the `full-feature` template for each new feature you add5. If your feature needs background work, also read `background-tasks` (for event-driven) or `scheduled-tasks` (for cron)Each scenario includes:- Directus collection schema (fields, relations, permissions)- TypeScript interfaces- Complete Next.js page code (listing, detail, metadata)- Trigger.dev task definition (for AI/schedule scenarios)- Image handling patterns- Revalidation strategy

Frequently asked questions