project-frontend-dev
CommunityFrontend guide for Quarto styling & layout
AuthorKangWang42
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This guide helps frontend developers customize the visuals, layout, and interactions of Quarto-generated static sites, enabling consistent styling and a streamlined workflow across projects.
Core Features & Use Cases
- Global configuration and theming: modify doc/_quarto.yml and doc/theme.scss to control Navbar, Sidebar, layout, and Bootstrap variables.
- Page structure and styling: adjust doc/include_footer.html and doc/*.qmd for layout consistency and responsive design.
- Workflow automation: establish a clear process for applying CSS/SCSS changes and validating them via Quarto render on affected pages.
Quick Start
Render the site after applying the layout and style changes to see the results.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: project-frontend-dev Download link: https://github.com/KangWang42/R_note_for_Epidemiology/archive/main.zip#project-frontend-dev Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.