eisland-dev-add-svg-icon

Featured

Add a new SVG icon to the project's icon enum system with matching test assertions. Use this skill whenever the user asks to "add SVG icon", "添加图标", "add icon enum", "注册图标", "补齐图标枚举", "add SVG enum", or wants to register a new .svg file in the SvgIcon utility. Also trigger when the user provides a path to an .svg file and asks to create enum/test for it.

Web & Frontend 317 stars 17 forks Updated yesterday GPL-3.0

Install

View on GitHub

Quality Score: 90/100

Stars 20%
83
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Add SVG Icon Enum and Test Register a new SVG file in the project's icon enum system and ensure test coverage. ## When to use - User provides an SVG file path and asks to add it to the enum - User says "添加图标", "add icon", "补齐枚举", "注册 SVG" - User adds a new `.svg` file to `src/renderer/public/svg/` and wants it registered ## Project structure ``` src/renderer/public/svg/ ├── *.svg → SvgIcon (eisland-icon.ts) ├── agent/*.svg → AgentIcon (agent-icon.ts) ├── calculator/*.svg → CalculatorIcon (calculator-icon.ts) ├── countries/*.svg → CountryIcon (country-icon.ts) ├── devicons/*.svg → DevIcon (dev-icon.ts) ├── player/*.svg → PlayerIcon (player-icon.ts) └── services/*.svg → ServiceIcon (service-icon.ts) src/renderer/utils/SvgIcon/ ├── index.ts → unified exports ├── eisland-icon.ts → SvgIcon enum ├── agent-icon.ts → AgentIcon enum ├── calculator-icon.ts → CalculatorIcon enum ├── country-icon.ts → CountryIcon enum + aliases + resolvers ├── dev-icon.ts → DevIcon enum + aliases + resolvers ├── player-icon.ts → PlayerIcon enum ├── service-icon.ts → ServiceIcon enum └── test/ ├── eisland-icon.test.ts ├── agent-icon.test.ts ├── calculator-icon.test.ts ├── country-icon.test.ts ├── dev-icon.test.ts ├── player-icon.test.ts └── service-icon.test.ts ``` ## Process ### Step 1: Identify the icon category Determine which enum ...

Details

Author
JNTMTMTM
Repository
JNTMTMTM/eIsland
Created
6 months ago
Last Updated
yesterday
Language
TypeScript
License
GPL-3.0

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

icon-set-generator

Generate cohesive, project-specific SVG icon sets for websites and applications. Use this skill whenever the user needs custom icons, an icon set for a website or app, icons for a client project, or mentions needing SVG icons that look consistent together. Also trigger when the user describes a project and icons would naturally be part of the deliverable — e.g. 'I'm building a site for a plumber' implies they'll need service icons. Trigger on: 'icons for', 'icon set', 'custom icons', 'SVG icons', 'make me icons', 'I need icons', 'website icons', 'project icons', or any request for consistent visual assets for a web project. Produces individual SVG files with a consistent style engine, not generic icon library lookups.

1 Updated 1 weeks ago
SkotAlexsander
Web & Frontend Featured

icon-set-generator

Generate cohesive, project-specific SVG icon sets for websites and applications. Use this skill whenever the user needs custom icons, an icon set for a website or app, icons for a client project, or mentions needing SVG icons that look consistent together. Also trigger when the user describes a project and icons would naturally be part of the deliverable — e.g. 'I'm building a site for a plumber' implies they'll need service icons. Trigger on: 'icons for', 'icon set', 'custom icons', 'SVG icons', 'make me icons', 'I need icons', 'website icons', 'project icons', or any request for consistent visual assets for a web project. Produces individual SVG files with a consistent style engine, not generic icon library lookups.

1,031 Updated today
jezweb
AI & Automation Solid

icon-ops

Source, vet, normalize and ship SVG icons for web UI - set selection, licence and trademark traps, currentColor theming, sprite/inline delivery, and accessibility. Triggers on: icon, icons, svg icon, find an icon, add an icon, icon set, icon library, iconify, lucide, heroicons, phosphor, tabler, feather, material symbols, font awesome, simple icons, brand logo, icon sprite, svg sprite, symbol use, currentColor, icon won't change colour, icon font, icon accessibility, aria-hidden icon, icon-only button, icon size, icons look inconsistent, mixed icon sets, normalize svg, strip svg cruft, optimise svg, brandfetch, company logo, client logo, logo by domain, brand assets api, logo api, thesvg, brand icon, brandmark, brand mark, find a logo, logo wall, partner logo, greyscale logo, grayscale, tint a logo, reverse out, knockout, mono logo, dark mode logo, favicon, app icon, apple-touch-icon, maskable icon, svg id collision.

42 Updated 1 weeks ago
0xDarkMatter