examples

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.

Jump to install

Repository: Agents-Store/claude-plugins
Last source activity: March 28, 2026 at 16:21
Detected SKILL.md language: English
Stars: 0
Forks: 0

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/Agents-Store/claude-plugins --skill examples

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer

3 files

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

feedback

This skill should be used when the user reports a problem with macstack-dev or the MACSTACK standard — "this skill did the wrong thing", "the schema is missing a field", "the passport for X is wrong", "send macstack feedback", "improve the schema based on my edit", "fix the macstack plugin" — and the fix must land in the right source (plugin, schema repo, or registry repo).

2026-08-09

infisical-env

This skill should be used when the user asks to "set up Infisical for this project", "create .infisical.json", "pull the env keys", "wire the env", "sync secrets", or scaffold-project reaches the env step. Creates .infisical.json, pulls .env.prod/.env.dev, ensures every key from macstack.json resources.accesses exists, and installs the mandatory secrets scripts and commands.

2026-08-09

scaffold-project

This skill should be used when the user asks to "scaffold the project from macstack.json", "create the project working files", "generate project files from the spec", "build the project from macstack.json", or after a macstack.json is validated and the working tree must be built. Creates project files strictly in the prototype → stack plugins → dev plugins order.

2026-08-09

View all from this repository

name	examples
description	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.

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

examples

Source facts

Install options

Review the source files

More from this repository

More from this repository

Examples: Directus + Next.js Scenarios

Available Scenarios

How to Use

Examples: Directus + Next.js Scenarios

Available Scenarios

How to Use