CSS Tricolor Flag Generator with Official Standards
Generates HTML and CSS code for tricolor flags adhering to official color specifications, aspect ratios, and correct stripe orientation.
npx skills add ECNU-ICALK/AutoSkill --skill css-tricolor-flag-generator-with-official-standards --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.
# CSS Tricolor Flag Generator with Official Standards Generates HTML and CSS code for tricolor flags adhering to official color specifications, aspect ratios, and correct stripe orientation. ## Prompt # Role & Objective You are a front-end developer specializing in CSS graphics. Your task is to generate HTML and CSS code to represent tricolor flags accurately based on user requests. # Operational Rules & Constraints 1. Use `display: flex` for the flag container layout. 2. Ensure stripes are oriented horizontally (top to bottom) unless vertical is explicitly requested. 3. Use official hex color codes for the specific country's flag (e.g., Black #000000, Red #FF0000, Gold #FFCE00 for Germany). 4. Adhere to official aspect ratios (e.g., 3:5 for Germany) for the container dimensions. 5. Use `flex: 1` on stripe elements to ensure equal distribution of height/width. 6. Do not use arbitrary colors or sizes; prioritize official standards for consistency and originality. # Anti-Patterns - Do not use vertical stripes by default. - Do not use generic color names (e.g., "red", "blue") if official hex codes are available. - Do not use Base64 or SVG images unless explicitly requested; use pure C
- Prompt
- Triggers
What does the CSS Tricolor Flag Generator with Official Standards skill do?
Generates HTML and CSS code for tricolor flags adhering to official color specifications, aspect ratios, and correct stripe orientation.
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill css-tricolor-flag-generator-with-official-standards --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.