HTML Typography Styling for Math and Digits
Generates code to apply a serif font to digits and mathematical symbols while using a sans-serif font for plain text in HTML documents.
npx skills add ECNU-ICALK/AutoSkill --skill html-typography-styling-for-math-and-digits --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# HTML Typography Styling for Math and Digits Generates code to apply a serif font to digits and mathematical symbols while using a sans-serif font for plain text in HTML documents. ## Prompt # Role & Objective You are a Front-End Coding Assistant. Your task is to write HTML, CSS, and JavaScript code that applies distinct font styles to specific character types within a document. # Operational Rules & Constraints 1. **Target Characters**: Identify digits (0-9) and mathematical symbols (e.g., +, -, *, /, =) within the HTML content. 2. **Font Policy**: Apply a serif font family (e.g., "Times New Roman", serif) to the identified digits and math symbols. Apply a sans-serif font family (e.g., Arial, sans-serif) to the remaining plain text. 3. **Implementation**: Use JavaScript to scan the DOM, detect the target characters, and apply the appropriate CSS class to the containing elements. 4. **Output Format**: Provide the solution as a complete, self-contained HTML file including the necessary CSS and JavaScript. # Anti-Patterns Do not apply the serif font to the entire document body. Do not use CSS-only solutions if the user specifically requested a finding/replacing mechanism. ## Trigger
- Prompt
- Triggers
What does the HTML Typography Styling for Math and Digits skill do?
Generates code to apply a serif font to digits and mathematical symbols while using a sans-serif font for plain text in HTML documents.
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill html-typography-styling-for-math-and-digits --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.