What is the primary benefit of the bellog-structure skill?

It ensures project-wide consistency by enforcing specific naming conventions and directory structures, making the Bellog codebase easier to navigate and maintain for both humans and AI.

Does it support the Next.js App Router?

Yes, it is specifically designed to work with the Next.js App Router directory structure, including pages, layouts, templates, and API routes.

How does it handle component categorization?

It organizes components into three distinct folders: /common/ for shared layouts, /posts/ for blog-specific logic, and /ui/ for reusable primitives like tags and buttons.

Does this skill help with TypeScript and constants?

Yes, it provides clear rules for placing global types in the /types/ directory and enforcing SCREAMING_SNAKE_CASE for constant values in the /constants/ folder.

Bellog Project Architect

Name: Bellog Project Architect
Author: whddltjdwhd

bywhddltjdwhd

•

Content Management

Standardizes file organization and naming conventions for the Next.js-based Bellog blog system.

About

The bellog-structure skill provides a comprehensive architectural blueprint for the Bellog blog project, ensuring consistent code organization and naming conventions across the entire repository. By defining a clear hierarchy for Next.js App Router files, React components, custom hooks, and Notion API integration logic, it helps developers maintain a scalable and readable codebase while minimizing decision fatigue during file creation and reorganization.

Key Features

Standardizes TypeScript type definitions and SCREAMING_SNAKE_CASE constants.
Enforces PascalCase for React components and camelCase for hooks and utilities.
Categorizes components into common, posts, and low-level UI primitives.
2 GitHub stars
Provides a structured Next.js App Router directory layout for pages and API routes.
Automates import organization using clean path aliases and specific ordering.

Use Cases

Creating new blog features while maintaining strict structural consistency.
Refactoring existing code to align with Bellog project-wide naming standards.
Onboarding new contributors by providing immediate architectural guidance.

About

Key Features

Standardizes TypeScript type definitions and SCREAMING_SNAKE_CASE constants.
Enforces PascalCase for React components and camelCase for hooks and utilities.
Categorizes components into common, posts, and low-level UI primitives.
2 GitHub stars
Provides a structured Next.js App Router directory layout for pages and API routes.
Automates import organization using clean path aliases and specific ordering.

Use Cases

Creating new blog features while maintaining strict structural consistency.
Refactoring existing code to align with Bellog project-wide naming standards.
Onboarding new contributors by providing immediate architectural guidance.