skills.rest
epoko77-ai
epoko77-aiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

catalog-publishing

Structure and deploy design system assets into a Next.js catalog.

177|32|Updated May 20, 2026
Search Tags:#automation#publishing#deployment#catalog#nextjs#design-system
One-click install
npx skills add https://github.com/epoko77-ai/design-diversity --skill catalog-publishing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: catalog-publishing
Source: https://github.com/epoko77-ai/design-diversity/tree/main/.claude/skills/catalog-publishing
Command: npx skills add https://github.com/epoko77-ai/design-diversity --skill catalog-publishing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the inconsistency and manual overhead involved in packaging, documenting, and deploying design system assets into a professional, searchable web catalog.

Core Features & Use Cases

  • Standardized Repository Structure: Enforces a consistent layout for design packs, including metadata, tokens, and preview assets.
  • Automated Web Deployment: Orchestrates the build and deployment of a Next.js catalog site that allows users to filter, view, and copy design specifications.
  • Use Case: A design team needs to share 100+ design style packs with developers; this skill ensures every pack is correctly indexed in catalog.json and rendered on the live site with one-click copy functionality for prompts.

Quick Start

Use the catalog-publishing skill to validate the current repository structure and deploy the updated design pack catalog to the preview environment.

Frequently Asked Questions about catalog-publishing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate design system publishing to a Next.js catalog?▼

Yes, you can deploy a static web interface that visualizes design tokens and allows users to filter design packs, view specifications, and use one-click copy functionality for AI-assisted design generation prompts.

Does this enforce a standardized repository structure for design packs?▼

It ensures every design pack is correctly indexed in catalog.json and rendered on the live site, solving the manual overhead of packaging and documenting design system assets.

What is the best way to manage design pack metadata for automated deployment?▼

By structuring design system assets into a machine-readable catalog, it orchestrates the build and deployment of a Next.js catalog site to Vercel, ensuring repository compliance with standardized schemas.

Can I distribute AI-assisted design generation prompts through a web catalog?▼

It orchestrates the build and deployment of a Next.js catalog site that indexes design packs in catalog.json, rendering them on a live site with filtering and one-click copy for prompts.

Related Skills

Explore More Design & Creative Skills→
JeroTanJeroTan
2

novel-uploader-guidelines-r2

Format and validate novel content for Cloudflare R2 uploads.

Community
Advanced
porcupine-mdporcupine-md
11

vercel-deployment

Automate Vercel deployments with a six-phase lifecycle for Next.js and static sites.

Official
Advanced
Fantasia1999Fantasia1999

senior-prompt-engineer

Optimize prompts, evaluate RAG systems, and design agent workflows.

Community
Advanced
JongsixJongsix

moai-docs-generation

Generate technical documentation from source code and API definitions.

Community
Advanced