agentsclimarketplace

Html typography styling for math and digits

Skill ECNU-ICALK/AutoSkill/SkillBank/ConvSkill/english_gpt3.5_8_GLM4.7/html-typography-styling-for-math-and-digits

AutoSkill: Experience-Driven Lifelong Learning via Skill Self-Evolution

Install
npx -y skills add ECNU-ICALK/AutoSkill --skill html-typography-styling-for-math-and-digits

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.

What its author says it does

Copied from the file, not written here

Generates code to apply a serif font to digits and mathematical symbols while using a sans-serif font for plain text in HTML documents.

SKILL.md

1.8 KB, as published. Nobody here has run it

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.

Triggers

  • change font for digits and math symbols
  • serif font for digits and math
  • find digits and math symbols in html
  • replace font for digits and math

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.