prompt

Icon Set Specification & Naming System

Define icon design rules (stroke, sizing, corner style) and establish a scalable naming taxonomy.

Updated June 2026
The prompt
Create an icon set specification for {{product_name}} with {{icon_count}} icons.

Define:
1. Design rules: Stroke weight (px), viewBox, corner radius (rounded vs. sharp), padding/safe area
2. Sizes: Which export sizes? (16px, 24px, 32px, etc.) Scaling rules
3. Naming convention: {{naming_scheme}} with 20 real examples (e.g., icon-arrow-right, icon-check-circle-filled)
4. Variants: Outline vs. filled? Light/regular/bold weights?
5. Usage guidelines: When to use outline vs. filled? Size recommendations by context (toolbar, button, badge)
6. Export format: SVG, icon font, or sprite sheet?

Provide naming taxonomy as a hierarchical list.
Did it work? Rate this prompt

Variables

Product Name
Icon Count
Naming Scheme

Details

Author

AI Khazna

License

—

Security

—

Type

prompt

Related assets

More curated picks in Design & Creative.

skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/frontend-design ~/.claude/skills/
Frontend Design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and…★ 4.8 · 2,500+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/slack-gif-creator ~/.claude/skills/
Slack Gif Creator
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users…★ 4.8 · 2,500+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/web-artifacts-builder ~/.claude/skills/
Web Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui…★ 4.8 · 2,500+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/canvas-design ~/.claude/skills/
Canvas Design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece…★ 4.8 · 2,500+
image stylemidjourneydall-eflux
Photorealistic architecture renders — exteriors, interiors, urban context.
Architectural Render Style Pack
Photorealistic architecture renders — exteriors, interiors, urban context.0+
prompt
Checks color pairs against WCAG contrast rules and suggests accessible fixes.
Accessibility Contrast Checker
Checks color pairs against WCAG contrast rules and suggests accessible fixes.0+

Audit before you install

Run any source through our checks - AI visibility, security, performance, and stack detection.

Automated Web Security Scan

security

PageSpeed Analyzer

performance

AI Content Quality Test

arabic content

AI Agent / MCP Server Tester

ai testing

Site Stack Detector

migration

AI SEO / AEO / GEO Audit

ai visibility

llms.txt Generator

ai visibility

Readability Score

arabic content

Schema / JSON-LD Builder

ai visibility

AI Cost Calculator

ai testing

Headline Analyzer

arabic content

More in Design & Creative