The Lossless Group logo
Implement a specific task described in this Prompt as part of larger specification

Implement a specific task described in this Prompt as part of larger specification

Specifications are too large to use as prompts. Prompts are missing the larger context. Resolve the two by using both a Prompt and a Specification.

Michael Staton's headshot
MS
Michael Staton

Vibe Coding Workflow

Generative AI

Human AI Collaboration

Code Generators

Prompt Engineering

Vibe Coding

Integrate new content thread by creating a template

Integrate new content thread by creating a template

Use Astro Collections, audit frontmatter, and create template that can be used in Scripts, Observers, and Watchers

Michael Staton's headshot
MS
Michael Staton

File Observers

Build Scripts

File Systems

Data Integrity

Handle iFrames in Markdown Content

Handle iFrames in Markdown Content

Handle iFrames in markdown content by pulling them out before other content processing, then adding them back to the AST before rendering.

Michael Staton's headshot
MS
Michael Staton

Render Logic

Astro

Custom Rendering

Content Display

Extended Markdown

Suggest a Non-Destructive Refactor

Suggest a Non-Destructive Refactor

Provide recommendations for improving code organization and structure while preserving functionality and maintaining existing patterns

Michael Staton's headshot
MS
Michael Staton

Code Style

Code Quality

Maintainability

Refactoring

Comprehensive AST Transformation Pipeline

Comprehensive AST Transformation Pipeline

A robust approach to AST transformations inspired by astro-big-doc and content-structure patterns

Michael Staton's headshot
MS
Michael Staton

Render Logic

Remark

Astro

Build Scripts

Extended Markdown

AST

Write a Git Commit for one Directory

Write a Git Commit for one Directory

Create structured and informative git commit messages for code changes

Michael Staton's headshot
MS
Michael Staton

Git Workflow

Continuous Integration

Version Control

Model Context Protocols

Collaboration Tools

Collaborative Workflow

Write a Comprehensive Git Squash-Merge

Write a Comprehensive Git Squash-Merge

A step-by-step, human-readable workflow for safely squash-merging development into master in a multi-contributor project.

Michael Staton's headshot
MS
Michael Staton

Git Workflow

Tips And Tricks

Version Control

Best Practices

Continuous Integration

Documentation

Collaboration Tools

Collaborative Workflow

Suggest a Non-Destructive Refactor

Suggest a Non-Destructive Refactor

Provide recommendations for improving code organization and structure while preserving functionality and maintaining existing patterns

Michael Staton's headshot
MS
Michael Staton

Code Style

Code Quality

Maintainability

Refactoring

Add Sort by Functionality to Tag Column

Add Sort by Functionality to Tag Column

Make the tag column more powerful by allowing different kinds of sort patterns

Michael Staton's headshot
MS
Michael Staton

User Interface

Content Models

Content Sorting

UI Design

Frontmatter consistency through filesystem observer

Frontmatter consistency through filesystem observer

Leverage the file system libraries to observe directories for new files, insert frontmatter templates.

Michael Staton's headshot
MS
Michael Staton

Frontmatter Validation

File Processing

Build Scripts

File Systems

Rendering Callout Blocks with Classes

Rendering Callout Blocks with Classes

Several forms of extended markdown make heavy use of callout blocks, which can be rendered with combinations of Astro Components, Semantic HTML, and CSS classes

Michael Staton's headshot
MS
Michael Staton

Render Logic

Remark

Astro

Build Scripts

Extended Markdown

Rendering Extended Markdown like Astro-Big-Doc

Rendering Extended Markdown like Astro-Big-Doc

A simplified approach to rendering callout blocks by following astro-big-doc pattern of component-based AST handling

Michael Staton's headshot
MS
Michael Staton

Render Logic

Remark

Astro

Build Scripts

Extended Markdown

Code Studies

AST

Get UI Inspiration From URL

Get UI Inspiration From URL

Analyze and extract design patterns and UI components from external websites for inspiration

Michael Staton's headshot
MS
Michael Staton

User Interface

UI Design

Design Inspiration

Web Design

Component Analysis

Our Extended Markdown Requirements as a Micromark Extension

Our Extended Markdown Requirements as a Micromark Extension

Implement our proprietary extended markdown flavor as a micromark extension—bypassing remark, rehype, and all unified abstractions.

Michael Staton's headshot
MS
Michael Staton

Markdown Rendering

Micromark

Extended Markdown

Unified.js Ecosystem

Use Magazine Style Layout for new Specs Collection

Use Magazine Style Layout for new Specs Collection

Use a magazine-style layout for the new Specs Collection, reusing as many components and render pipeline as possible.

Michael Staton's headshot
MS
Michael Staton

User Interface

Content Displays

Content Collections

Layout Design

Create or Update Open Graph Data

Create or Update Open Graph Data

Build a script to fetch and update Open Graph metadata for content files using a simple build orchestrator

Michael Staton's headshot
MS
Michael Staton

Open Graph

Data Management

Build Scripts

Data Integrity

Fix one YAML Issue at a Time

Fix one YAML Issue at a Time

Create a focused script to identify and fix individual YAML issues in frontmatter without causing cascading problems

Michael Staton's headshot
MS
Michael Staton

YAML Validation

Error Handling

Build Scripts

Data Integrity

Repurpose a UI Template in our Codebase

Repurpose a UI Template in our Codebase

Adapt and reuse existing UI components and templates for new features

Michael Staton's headshot
MS
Michael Staton

User Interface

Component Architecture

UI Design

DRY Principles

Refactoring

Fetch Open Graph Data from API

Fetch Open Graph Data from API

Create a Node.js script to process Markdown files and fetch OpenGraph metadata and screenshots from external APIs

Michael Staton's headshot
MS
Michael Staton

Open Graph

API Integration

Data Fetching

Data Integrity

Create a Content Generation Engine

Create a Content Generation Engine

Build a RAG-based content generation system with multi-model API integration

Michael Staton's headshot
MS
Michael Staton

Workflow

Content Automation

Generative AI

Inbound Marketing

Demand Generation

Marketing Automation

Citation Processing for FileSystem Observer

Citation Processing for FileSystem Observer

In the tangled web of academic references, a robust citation processing system transforms chaotic footnotes into a harmonized knowledge registry, ensuring every intellectual debt is properly acknowledged and seamlessly tracked.

Michael Staton's headshot
MS
Michael Staton

File Processing

Build Scripts

File Systems

Data Integrity

Citation Processing for FileSystem Observer

Citation Processing for FileSystem Observer

Enhance the filesystem observer to automatically format citations, convert to hex IDs, and maintain a citation registry

Michael Staton's headshot
MS
Michael Staton

File Processing

Build Scripts

File Systems

Data Integrity

Integrate OpenGraph fetch into filesystem observer

Integrate OpenGraph fetch into filesystem observer

Leverage Node.js filesystem APIs to monitor content directories, automatically fetch OpenGraph metadata and update frontmatter

Michael Staton's headshot
MS
Michael Staton

Frontmatter Validation

File Processing

Build Scripts

File Systems

Data Integrity

Data APIs

Frontmatter consistency through filesystem observer

Frontmatter consistency through filesystem observer

Leverage Node.js filesystem APIs to monitor content directories, automatically validate and update frontmatter based on templates

Michael Staton's headshot
MS
Michael Staton

Frontmatter Validation

File Processing

Build Scripts

File Systems

Data Integrity

Write a Code Changelog Entry

Write a Code Changelog Entry

Create structured and informative changelog entries for code changes

Michael Staton's headshot
MS
Michael Staton

Documentation

Version Control

Best Practices

Changelog First Development

Workflow Automation

AI Human Workflow

Model Context Protocols

Collaborative Workflow

Render Site Flavored Markdown

Render Site Flavored Markdown

Render site flavored Markdown in layers with Marked Extensions

Michael Staton's headshot
MS
Michael Staton

User Interface

Component Architecture

Content Collections

Extended Markdown

Rendering Pipeline

Write an note that leaves a breadcrumb for future Issue Resolution

Write an note that leaves a breadcrumb for future Issue Resolution

Create comprehensive technical specifications for completed tasks and features

Michael Staton's headshot
MS
Michael Staton

Issue Resolution

Implementation Solutions

AI Human Workflow

Documentation First Development

Documentation

Model Context Protocols

Collaborative Workflows

Known YAML Errors and Fixes Registry

Known YAML Errors and Fixes Registry

Automated detection and correction system for common YAML frontmatter errors in Markdown content

Michael Staton's headshot
MS
Michael Staton

Scripts

YAML

Error Detection

Content Fixes

Build Process

Create a Basic Changelog

Create a Basic Changelog

Guidelines for creating and maintaining a structured changelog

Michael Staton's headshot
MS
Michael Staton

Workflow

Documentation

Best Practices

Changelog First Development

Continuous Integration

Continuous Deployment

Use an LLM Gateway to Augment Content

Use an LLM Gateway to Augment Content

Create the content of a thousand content marketers with an LLM Gateway -- LiteLLM, Fabric, Ollama, MSTY

Michael Staton's headshot
MS
Michael Staton

Content Generators

Retrieval Augmented Generation

State Of The Art Practices

Content Marketing

Content Automation

Create Fallbacks, Error, and Waiting Components

Create Fallbacks, Error, and Waiting Components

Ideal, immediate renders are not always possible. We need to create components that handle these situations gracefully. They should be clever and on-brand.

Michael Staton's headshot
MS
Michael Staton

Render Logic

Component Based Architecture

UI Design

Create a Dynamic Footer

Create a Dynamic Footer

Design and implement a modern, user-friendly dynamic footer interface that handles both code and content changes

Michael Staton's headshot
MS
Michael Staton

User Interface

UI Design

Navigation

Create a permanent memory for project YAML conventions

Create a permanent memory for project YAML conventions

Eliminate frustration by observing guidelines, working within hard rules and constraints, and learning to detect YAML irregularties that could cause bugs and failures

Michael Staton's headshot
MS
Michael Staton

Workflow

YAML

Generative AI

Agentic AI

Data Integrity

Content Automation

Streamline Interaction Design in CSS States

Streamline Interaction Design in CSS States

Create consistent, maintainable, and extensible patterns for CSS animations and transitions across components

Michael Staton's headshot
MS
Michael Staton

Code Style

CSS Architecture

Interaction Design

Animation

Transitions

Component Management

User Experience

Move styles from Tailwind to CSS using our styles

Move styles from Tailwind to CSS using our styles

We use Tailwind for speed and compact readability, but as we move to Astro, we should use CSS and try to maintain our CSS architecture

Michael Staton's headshot
MS
Michael Staton

Code Style

Component Based Architecture

Readability

Component Management

Create a Hero Component

Create a Hero Component

Design and implement a modern, user-friendly hero component with gradient effects, responsive design, customizable content, and smooth scroll-based animations.

Michael Staton's headshot
MS
Michael Staton

User Interface

UI Design

User Experience

Animations

Handle Citations in Markdown Content

Handle Citations in Markdown Content

Handle citations in markdown content by extracting them and rendering them in a structured format

Michael Staton's headshot
MS
Michael Staton

Render Logic

Astro

Component Architecture

Markdown Enhancement

Custom Rendering

Extended Markdown

Content Display

Rendering Extended Markdown through AST

Rendering Extended Markdown through AST

An alternative approach to rendering callouts and citations by working directly with the AST nodes

Michael Staton's headshot
MS
Michael Staton

Render Logic

Remark

Astro

Build Scripts

Extended Markdown

AST

Citations

Add a Site Preview to ToolKit Tool Card

Add a Site Preview to ToolKit Tool Card

Make your site more useful by adding a site preview using HTML iFrames and OpenGraph.io

Michael Staton's headshot
MS
Michael Staton

User Interface

Open Graph

API Integration

Create a Vocabulary Collection render pipeline

Create a Vocabulary Collection render pipeline

Build a render pipeline for vocabulary using the component pipeline for rendering content collections with separated structure and presentation

Michael Staton's headshot
MS
Michael Staton

Rendering Pipeline

User Interface

Component Architecture

Content Collections

UI Design

Astro

Dynamic Information Page Rendering in Astro

Dynamic Information Page Rendering in Astro

Empower developers to focus on layout and let MDX do the content and interaction

Michael Staton's headshot
MS
Michael Staton

Render Logic

Astro

Component Architecture

MDX

Content Collections

Dynamic Routing

Layout System

Content Displays

Create a Changelog UI

Create a Changelog UI

Design and implement a modern, user-friendly changelog interface that handles both code and content changes

Michael Staton's headshot
MS
Michael Staton

User Interface

Changelogs

Release Notes

UI Design

User Experience

Create a Content Registry Script

Create a Content Registry Script

Build a registry system for tracking and managing Markdown files

Michael Staton's headshot
MS
Michael Staton

Content Registry

File Management

Data Tracking

UUID Management

Manageable User Options

Manageable User Options

Configure and manage user options for build scripts and content processing

Michael Staton's headshot
MS
Michael Staton

Configuration

Build Scripts

User Options

Directory Management

Code Style

Fix one YAML Issue at a Time

Fix one YAML Issue at a Time

Systematic approach to cleaning URL properties in YAML frontmatter

Michael Staton's headshot
MS
Michael Staton

YAML Validation

Error Handling

Build Scripts

URL Processing

Return only files with valid Frontmatter

Return only files with valid Frontmatter

Filter and validate markdown files based on frontmatter content

Michael Staton's headshot
MS
Michael Staton

Frontmatter Validation

Error Handling

File Processing

Build Scripts

Writing Correction Functions

Writing Correction Functions

Create functions to fix known YAML errors in content files

Michael Staton's headshot
MS
Michael Staton

Error Correction

YAML Validation

Function Development

Build Scripts

Create a Price Card

Create a Price Card

Design and implement a responsive pricing card component with modern styling

Michael Staton's headshot
MS
Michael Staton

User Interface

UI Elements

CSS

Responsive Design

Create a Reusable Content Collections UI Structure

Create a Reusable Content Collections UI Structure

Build a maintainable component pipeline for rendering content collections with separated structure and presentation

Michael Staton's headshot
MS
Michael Staton

User Interface

Component Architecture

Content Collections

UI Design

Astro

Rendering Pipeline

Ask a Model API to Perform a Task via API

Ask a Model API to Perform a Task via API

Guidelines for making API calls to LLM services like Claude, GPT-4, and Groq

Michael Staton's headshot
MS
Michael Staton

Workflow

Model APIs

API Integration

LLM Services

API Guidelines

Cleaning Build Scripts

Cleaning Build Scripts

Improve build scripts by following strict naming conventions and error handling patterns

Michael Staton's headshot
MS
Michael Staton

Workflow

Build Scripts

Data Integrity

Best Practices

Content Automation

Write a Changelog Entry

Write a Changelog Entry

Create structured and informative changelog entries for code changes

Michael Staton's headshot
MS
Michael Staton

Workflow

Changelog First Development

Documentation

Version Control

Content Management

Content Automation

Collaboration Tools

Collaborative Workflow

Write a meaningful but concise git commit.

Write a meaningful but concise git commit.

Make Git and GitHub work better for your team by leveraging LLM Code Assistants.

Michael Staton's headshot
MS
Michael Staton

Prompt Engineering

Code Generators

Code Assistants

Version Control

Context Windows

Transparent Organizations

State Of The Art Practices

Continuous Integration

Collaboration Tools

Collaborative Workflow

Ask the AI Code Assistant to Improve your Prompts

Ask the AI Code Assistant to Improve your Prompts

Takes one to know one. Ask the AI Code Assistant to improve your prompt before you ask it to execute it.

Michael Staton's headshot
MS
Michael Staton

Prompt Engineering

Code Generators

Model Context Protocols

AI Human Workflow

Reintroduce something that worked.

Reintroduce something that worked.

Speed up time to solution by asking an AI Code Assistant to draw from old code.

Michael Staton's headshot
MS
Michael Staton

Prompt Engineering

Code Generators

AI Human Workflow

Model Context Protocols

Refactoring

Create A Magazine Style Layout

Create A Magazine Style Layout

Design a flexible, reusable magazine-style layout for displaying content threads (e.g., blog posts, articles) in Astro using modular components and a clear render pipeline.

Michael Staton's headshot
MS
Michael Staton

User Interface

Content Displays

Content Collections

Layout Design

Ask Generative AI Model to Generate a Style

Ask Generative AI Model to Generate a Style

Generate a custom style object for image requests using a Generative AI model. This prompt is for scripting and API integration workflows.

Michael Staton's headshot
MS
Michael Staton

Workflow

Model APIs

API Integration

LLM Services

Ask a Model API to Perform a Task via API

Ask a Model API to Perform a Task via API

Guidelines for making API calls to LLM services like Claude, GPT-4, and Groq

Michael Staton's headshot
MS
Michael Staton

AI Human Workflow

Model APIs

API Integration

LLM Services

Fire up the Observer

Fire up the Observer

Ready to automate? Learn how to launch the Observer system for seamless citation and frontmatter processing across your content library.

Michael Staton's headshot
MS
Michael Staton

Data Integrity

File Processing

Observer System

YAML Frontmatter Corruption Correction

YAML Frontmatter Corruption Correction

Automated tool for identifying and repairing corrupted YAML frontmatter across the content library

Michael Staton's headshot
MS
Michael Staton

YAML

Frontmatter

Content Management

Data Cleaning

Automation

Create a Simple Message Grid

Create a Simple Message Grid

Build a maintainable component pipeline for rendering simple messages dynamically generated from JSON data.

Michael Staton's headshot
MS
Michael Staton

User Interface

Component Architecture

CSS

Responsive Design

UI Design

Astro

Rendering Pipeline

Create a Simple Question Answers Section

Create a Simple Question Answers Section

Build a maintainable component pipeline for rendering simple questions and answers dynamically generated from JSON data.

Michael Staton's headshot
MS
Michael Staton

User Interface

Component Architecture

UI Elements

UI Design

Astro

Rendering Pipeline

Report on YAML Idiosyncracies

Report on YAML Idiosyncracies

Write or run a script that iterates through content libraries and reports on YAML idiosyncracies.

Michael Staton's headshot
MS
Michael Staton

Scripting

YAML

Reporting Templates

Data Integrity

Content Automation

Conditional Logic for Content

Conditional Logic for Content

Implement conditional rendering based on content status and user roles

Michael Staton's headshot
MS
Michael Staton

Render Logic

Component Based Architecture