How do I install the Examples skill?

Run npx skillmds@latest add agents-store/examples-42 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

Name: Examples
Author: agents-store

End-to-end scenario walkthroughs for the Directus + Next.js stack. This skill should be used when the user asks for "Directus Next.js examples", "how to build a blog with Directus and Next.js", "Directus Next.js product catalog", "show me a complete example", or needs implementation references for common application types.

agents-store b08d369 3 files · 17.4 KB Updated Sep 17, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add agents-store/examples-42

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download .zip

＋ Add to collection

README badge

[![SkillMD](https://skillmd.com/badge/agents-store/examples-42.svg)](https://skillmd.com/skills/agents-store/examples-42)

Trust & safety

Audits pending

Not yet audited · commit b08d369

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

Examples: Directus + Next.js Scenarios

Complete walkthroughs for building common application types with this stack. Each scenario shows the full flow from Directus data model to rendered Next.js pages.

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

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

Each scenario includes:

Directus collection schema (fields, relations, permissions)
TypeScript interfaces
Complete Next.js page code (listing, detail, metadata)
Image handling patterns
Revalidation strategy

agents-store/claude-plugins/tree/main/plugins/stack-directus-nextjs-dev/skills/examples commit b08d3690ad

Frequently asked questions

npx skillmds@latest add agents-store/examples-42