What is a markuplint framework parser?

It is a specialized package that allows markuplint to understand and lint non-standard HTML syntax used by frameworks like Vue, Astro, or Svelte.

Why should I use structural typing in the component-scanner?

Using structural typing instead of direct imports prevents circular dependencies in the build graph, ensuring the linter remains performant and stable.

What is a component-scanner in markuplint?

It is a subpath export that enables markuplint to detect components, slots, and script sources within framework-specific code for more accurate analysis.

Can I use this to add custom directives to existing frameworks?

Yes, the skill provides an add-directive task to help you define how special attributes and dynamic values should be mapped to standard HTML properties.

How do I create a new template engine parser?

This skill guides you through configuring ignoreTags patterns for template delimiters, ensuring the linter correctly skips logic blocks while validating the surrounding HTML.

Markuplint Framework Parser Builder

Name: Markuplint Framework Parser Builder
Author: markuplint

bymarkuplint

•

599

•

개발자 도구

Simplifies the creation and maintenance of custom framework parsers and specification packages for the markuplint HTML linter.

This skill provides specialized guidance for developers extending markuplint with support for new frontend frameworks and template engines. It streamlines the complex process of implementing parser logic—including tokenization, AST mapping, and attribute processing—while ensuring compatibility with the markuplint ecosystem. By following standardized architecture patterns like the Companion Module for component scanning and structural typing to avoid circular dependencies, it helps maintain high-quality linting support for any markup-based language.

주요 기능

01Validation logic for ExtendedSpec objects to define global and per-element attributes

02Step-by-step workflows for creating template engine and full framework parsers

03599 GitHub stars

04Automated setup for component-scanner subpath exports to support auto-scanning

05Standardized testing patterns using nodeListToDebugMaps for consistent assertions

06Standardized implementation of framework-specific attribute directives and element overrides

사용 사례

01Developing a full AST-based parser for a modern frontend framework like Astro or Vue

02Adding support for a new template engine like Handlebars or EJS to markuplint

03Updating existing framework specs to include new directives or specialized attribute behaviors

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add markuplint/markuplint framework-parsers

For use in Claude.ai and ChatGPT

Download Skill