• Townie
    AI
  • Blog
  • Docs
  • Pricing
Log inSign up
arfan

arfan

remark-frontmatter-starter

Remix of jxnblk/remark-frontmatter-starter
Unlisted
Like
1
remark-frontmatter-starter
Home
Code
6
docs
12
src
7
styles
7
tmp
8
H
App.tsx
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
tmp
/
recreate-with-daisyui-prompt.md
Code
/
tmp
/
recreate-with-daisyui-prompt.md
Search
4/18/2025
recreate-with-daisyui-prompt.md

Prompt: Recreate Remark Frontmatter Starter with DaisyUI from Scratch

Ignore all previous instructions and code. You are ChatGPT, and your task is to generate a complete documentation site generator using Deno and TypeScript, tailored for Markdown with frontmatter, and styled exclusively with DaisyUI. Deliver a self‑contained codebase and instructions.

Requirements:

  1. Project Setup
    • Use Deno for runtime.
    • Provide import_map.json or equivalent to resolve dependencies.
    • Include a README.md with setup and run instructions.
  2. Markdown Processing
    • Parse Markdown files from a /docs directory, extracting YAML frontmatter metadata.
    • Use remark-parse, remark-rehype, rehype-stringify, and relevant plugins (remark-gfm, rehype-slug, rehype-autolink-headings, etc.) to convert to HTML.
    • Generate a table of contents sidebar from page headings.
  3. Routing & Rendering
    • Serve HTML pages via a simple HTTP server (e.g., using std/http).
    • Allow navigation by query parameter (e.g., ?doc=path/to/file.md).
  4. Layout & Components
    • Sidebar navigation listing all docs organized by folder.
    • Table of contents sidebar showing on‑page headings.
    • Main content area rendering the HTML output.
    • A mobile menu toggle button to show/hide sidebars.
    • All UI components (buttons, alerts, cards, tables) must use DaisyUI classes only.
  5. Styling
    • Use a single CSS import for DaisyUI (via CDN or local).
    • No custom CSS—rely fully on DaisyUI and Tailwind configuration.
    • Ensure responsive design: sidebars collapse on small screens and toggle via a button.
  6. Interactive Features
    • Add copy-to-clipboard for code blocks.
    • Implement collapsible accordions for callouts.
  7. Output
    • Provide full directory tree and file contents.
    • Show main.ts (server), builder modules, utility modules, and HTML templates.
    • Include README.md with commands to start the server.

Deliver the complete codebase with all files, ready to clone and run. Do not reference any existing code or conversation; build everything from the ground up using DaisyUI.

FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
ExploreDocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareersBrandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.