Icon Set Generator
Solo builders use this skill when designing a marketing or business site so the agent suggests an industry-appropriate icon shortlist plus standard nav and contact glyphs.
Overview
Icon Set Generator is an agent skill for the Build phase that suggests industry-appropriate website icon names plus universal nav and contact icons from a structured reference.
Install
npx skills add https://github.com/jezweb/claude-skills --skill icon-set-generatorWhat is this skill?
- Lists universal website icons (menu, close, chevron-down, phone, mail, map-pin, clock, search) to include on almost ever
- Industry playbooks for trades and home services with services, trust, and urgency icon families and typical set size of
- Industry playbooks for professional services with service-oriented icon vocabulary
- Explicit guidance to treat suggestions as starting points and confirm choices with the user
- Organizes icons by job (navigation, contact, trust badges, emergency CTAs) rather than a flat glyph dump
- Universal reference lists 10 core website icon roles (menu, close, chevron-down, arrow-right, phone, mail, location-pin,
- Trades and home services playbook targets typical sets of 18–25 icons
Adoption & trust: 1.3k installs on skills.sh; 841 GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
You are laying out a business site and do not know which icon metaphors fit your industry or which standard glyphs every visitor expects in the header and footer.
Who is it for?
Solo builders designing service-business landing pages, local trade sites, or professional-services marketing sites who want a fast, consistent icon vocabulary before touching components.
Skip if: Teams that already locked a full design system with bespoke illustration, native mobile apps without marketing web surfaces, or projects that need automated SVG asset generation rather than naming guidance.
When should I use this skill?
When a user describes their project or industry and the agent should suggest appropriate website icons from the reference, adapting suggestions and asking the user to confirm.
What do I get? / Deliverables
After the skill runs, you get a sectioned icon name list aligned to your industry and universal UI patterns, ready to map into your icon font or SVG component library once you confirm choices.
- Sectioned list of recommended icon names (universal, services, trust, urgency)
- Industry-specific shortlist sized to typical set guidance with user confirmation noted
Recommended Skills
Journey fit
Icon selection happens while composing pages and UI patterns during product build, not during ops or growth analytics. Frontend and landing UI work is where icon names must align with sections like services, trust, and contact blocks.
How it compares
Use instead of guessing icon names in chat—this is a curated reference skill, not an MCP icon CDN or a Figma export plugin.
Common Questions / FAQ
Who is Icon Set Generator for?
It is for solo and indie builders using AI coding agents on marketing and business websites who need sensible icon suggestions tied to industry context, not for large design-system teams with finalized glyph libraries.
When should I use Icon Set Generator?
Use it during Build (frontend) while structuring hero, services, trust, and contact sections; also when validating a landing-page wireframe in Validate (prototype) if you are naming icons before copy is final. Invoke when the user describes their project or industry and asks what
Is Icon Set Generator safe to install?
It is reference-only procedural knowledge with no scripted installs; review the Security Audits panel on this Prism page and treat third-party skill sources like any other repo you add to your agent.
SKILL.md
READMESKILL.md - Icon Set Generator
# Industry Icon Suggestions When a user describes their project, use this reference to suggest appropriate icons. These are starting points — always adapt to the specific project and ask the user to confirm. ## Universal Icons (Include for Almost Every Website) These icons appear on nearly every business website regardless of industry: - **menu** — hamburger/three lines for mobile nav - **close** / **x** — close modals, menus, notifications - **chevron-down** — dropdowns, accordions, "read more" - **arrow-right** — CTAs, links, "learn more" - **phone** — contact section, header - **email** / **mail** — contact section, newsletter - **location-pin** / **map-pin** — address, service area - **clock** — business hours, response times - **search** — site search (if applicable) - **external-link** — links opening in new tab (optional) ## Industry-Specific Suggestions ### Trades & Home Services Plumber, electrician, HVAC, builder, landscaper, painter, locksmith, pest control. **Services**: wrench, hammer, droplet (water), flame (gas/heating), bolt (electrical), pipe, thermometer, fan (HVAC), paintbrush, leaf (landscaping), shield-check (licensed/insured), hard-hat, tape-measure **Trust**: license-badge, insurance-shield, years-experience, thumbs-up, guarantee **Urgency**: alert-circle (emergency), clock-fast (24/7), phone-call (call now) **Typical set size**: 18-25 icons ### Professional Services Accountant, lawyer, financial advisor, consultant, architect. **Services**: briefcase, document, scale (legal), calculator, chart-bar, chart-line, clipboard, pen, handshake, building, gavel (legal), percent (financial) **Trust**: award, certificate, shield-check, users (team), graduation-cap **Process**: steps/workflow, calendar, checklist, folder **Typical set size**: 15-22 icons ### Health & Medical Physio, dentist, GP, chiropractor, optometrist, veterinary, pharmacy. **Services**: heart, stethoscope, tooth (dental), eye (optometry), bone (chiro/physio), paw (vet), pill (pharmacy), bandage, clipboard-medical, first-aid **Booking**: calendar-check, clock, phone **Accessibility**: wheelchair, ear (hearing), brain **Typical set size**: 18-24 icons ### Hospitality & Food Restaurant, café, bar, catering, bakery, food truck. **Food/Drink**: utensils, wine-glass, coffee, chef-hat, cake (bakery), pizza, plate **Services**: reservation/calendar, wifi, parking, truck (delivery), bag (takeaway), receipt **Ambience**: music-note, candle, sun/moon (daytime/evening) **Typical set size**: 15-22 icons ### Retail & E-Commerce Online store, boutique, general retail. **Shopping**: cart, bag, tag/label, credit-card, receipt, barcode, gift **Delivery**: truck, package, return-arrow, tracking **Product**: ruler/size-guide, colour-swatch, zoom-in, heart (wishlist), compare **Account**: user, lock, bell (notifications) **Typical set size**: 20-30 icons ### Real Estate Agent, property management, development. **Property**: home, building, key, door, window, fence, pool **Features**: bed, bath, car (garage), ruler (sqm), tree (outdoor), sun (aspect) **Process**: search, map, camera (photos), video (virtual tour), document, pen (sign) **Typical set size**: 20-28 icons ### Education & Training School, tutoring, online courses, coaching. **Learning**: book, graduation-cap, pencil, lightbulb, brain, puzzle, target **Delivery**: video, screen/monitor, headphones, microphone, download **Progress**: chart-up, trophy, badge, checklist, certificate **Typical set size**: 18-24 icons ### Technology & SaaS Software company, IT services, tech startup. **Product**: code, terminal, cloud, server, database, api-bracket, smartphone, laptop **Security**: lock, shield, key, fingerprint, eye-off **Collaboration**: users, chat, share, git-branch, plug (integration) **Typical set size**: 20-30 icons ### Creative & Design Design studio, photographer, videographer, marketing agency. **Creative**: camera, video, palette, pen-tool, layers, cro