Does this skill include database integration?

Yes, it automatically generates Drizzle ORM schemas for Postgres, including tables for spec documents, sections, and annotations, ready for migration.

Can I customize the UI of the generated editor?

Absolutely. The skill populates your components directory with standard Shadcn UI-based files, allowing you to customize the styling, layout, and logic to fit your specific application needs.

What section types are supported by the Structured Editor?

The skill includes built-in support for Summary, User Stories, Acceptance Criteria, Edge Cases, Error States, Dependencies, Open Questions, and Custom sections, each with a specific JSON schema.

How do annotations work within the document sections?

Annotations are stored as a separate table and can be attached to any document section, allowing both human users and AI agents to leave threaded feedback or metadata on specific parts of a document.

Structured Document Editor

Name: Structured Document Editor
Author: mattwoodco

bymattwoodco

•

Gestión de Contenido

Builds robust, section-based document editors featuring collapsible React components, inline editing, and multi-user annotation support.

The Structured Editor skill provides a comprehensive blueprint for creating sophisticated documentation tools where content is organized into typed, manageable sections like User Stories, Acceptance Criteria, and Edge Cases. It automates the deployment of a full-stack architecture, including Drizzle ORM schemas for Postgres, Next.js API routes, and a rich frontend library built with Shadcn UI components. This skill is specifically designed for developers building product specification tools, collaborative PRD builders, or any application requiring structured data entry with integrated status tracking and feedback loops.

Características Principales

013 GitHub stars

02Collapsible React components with inline editing and status badge management

03Full-stack integration with Drizzle ORM and Next.js App Router API routes

04Per-section annotation system for collaborative feedback and AI-agent comments

05Dynamic sorting and organization of document components via database-backed order

06Pre-defined section types for product specs, user stories, and technical requirements

Casos de Uso

01Developing an internal project brief tool with structured data entry and feedback loops

02Building a collaborative Product Requirement Document (PRD) platform for engineering teams

03Creating a technical specification builder with automated status tracking

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mattwoodco/skills structured-editor

For use in Claude.ai and ChatGPT

Download Skill