Apply Indigo design tokens to HTML, Mermaid, slides, and PDF outputs.
npx skills add https://github.com/zhboner/Agent-Skills --skill frontend-design-zhboner
Please help me install this Agent Skill. Skill: frontend-design Source: https://github.com/zhboner/Agent-Skills/tree/main/Global-skills/frontend-design Command: npx skills add https://github.com/zhboner/Agent-Skills --skill frontend-design-zhboner
frontend-design prevents visual inconsistency by providing a single Indigo design system for HTML, diagrams, slides, and document outputs.
Use frontend-design when producing any HTML page, Mermaid diagram, PowerPoint slide, PDF via Pandoc or Typst, Obsidian Canvas, or an Excalidraw diagram, and apply the Indigo tokens and the corresponding format file from this directory before generating the output.
High-intent search queries and answers about installing and using this skill.
To apply a consistent design system across HTML, Mermaid, and PowerPoint, you can use predefined Indigo design tokens. These tokens standardize background, surface, accent, and text colors to enforce a unified visual language across all output formats.
The best way to style PDF outputs via Pandoc or Typst is by applying format-specific styling rules. This approach enforces dedicated typography and spacing conventions to ensure your PDFs maintain a clean, professional, and on-brand appearance.
To handle bilingual typography for English and Chinese content, enforce an Inter + CJK font stack. This standardized typography rule ensures consistent text rendering and readability across all your HTML pages and document outputs.
You cannot invent custom colors or fonts when theming Obsidian Canvas or Excalidraw diagrams. The system requires you to enforce the provided Indigo color and font tokens to prevent visual inconsistency across your visual content.
Yes, this approach supports routing styling rules to the correct guide file for specific formats. It automatically directs styling logic for HTML/CSS, Mermaid, PowerPoint, PDF, and Obsidian Canvas to ensure format-specific loading and coherent layouts.
magnusrodsethConvert Markdown to PDF documents using Pandoc and Typst.
cooopmacApply pre-set or custom themes to slides, documents, and HTML pages.
jackjin1997Generate and manipulate JSON Canvas files with nodes and edges.
samymityGenerate design token sets and audit UI consistency across accessibility dimensions.
