agent creative skill risk: low
Iconsax Premium Icon Selection Workflow
Instructs the model to use the Iconsax icon library for premium UI/UX designs by identifying icon needs, choosing styles such as Linear or Two-tone, searching or generating icons v…
SKILL 1 file
SKILL.md
--- name: iconsax-library description: "Extensive icon library and AI-driven icon generation skill for premium UI/UX design." --- # Iconsax Library Skill [Iconsax](https://iconsax.io/) is an intuitive and comprehensive icon library designed for modern digital products, offering styles far superior to generic default sets. ## Context Use this skill to maintain visual consistency across an application with highest-tier professional icons. The library is optimized for both designers and developers to create a distinctly premium feel. ## When to Use Trigger this skill when: - Designing or building highly crafted navigation menus, toolbars, and action buttons. - You need an icon that is part of a cohesive, modern design system, moving away from stale, ubiquitous icons. - Generating a custom, perfectly styled icon using **Iconsax AI** when a unique concept is required. ## Execution Workflow 1. **Identify Need**: Determine the concept the icon needs to represent. 2. **Choose Premium Style**: Select the style that matches the creative direction: - `Linear`: For ultra-minimalism and clarity. - `Bold`/`Bulk`: For solid weight and emphasis in premium dark modes. - `Two-tone`: For highly branded, colorful, and distinct aesthetics. 3. **Search or Generate**: Find the existing icon, or if it doesn't exist, use [Iconsax AI](https://app.iconsax.io/ai) to generate a custom variation that perfectly matches the chosen style. 4. **Integration**: Implementation using SVGs or web components, ensuring precise alignment and sizing. ## Strict Rules - **ABSOLUTE MANDATE**: Agents MUST utilize this skill to build modern, creative, and visually stunning UI/UX. DO NOT use common, generic, or default browser/framework icons. Every icon must feel intentional and premium. - **Strict Consistency**: Stick to ONE style (e.g., only "Two-tone") throughout a single project to maintain high-end polish. - **Sizing & Alignment**: Follow strict, standard grid sizes (24x24) to ensure absolute crispness on high-DPI displays. ## Limitations - Use this skill only when the task clearly matches the scope described above. - Do not treat the output as a substitute for environment-specific validation, testing, or expert review. - Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
REQUIRED CONTEXT
- icon concept to represent
OPTIONAL CONTEXT
- creative direction
- target style
ROLES & RULES
- Agents MUST utilize this skill to build modern, creative, and visually stunning UI/UX.
- DO NOT use common, generic, or default browser/framework icons.
- Stick to ONE style throughout a single project to maintain high-end polish.
- Follow strict, standard grid sizes (24x24) to ensure absolute crispness on high-DPI displays.
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
EXPECTED OUTPUT
- Format
- unknown
- Constraints
- use exactly one style throughout project
- always 24x24 grid size
- output SVG or web component
CAVEATS
- Missing context
- Target design system or framework
- Preferred output format (SVG code, component snippet, link, etc.)
- Project-specific style guide or color tokens
- Ambiguities
- Does not define what constitutes a 'unique concept' requiring AI generation versus searching existing icons.
- 'Strictly standard grid sizes (24x24)' does not specify units or handling for other densities.
QUALITY
- OVERALL
- 0.68
- CLARITY
- 0.85
- SPECIFICITY
- 0.75
- REUSABILITY
- 0.45
- COMPLETENESS
- 0.70
IMPROVEMENT SUGGESTIONS
- Add a clear output template section (e.g., 'Return: icon name, style, SVG markup or generation prompt').
- Introduce a placeholder for project name or design system so the same skill can be instantiated per project.
- Explicitly list example icon concepts and their recommended style to reduce ambiguity in step 2.
USAGE
Copy the prompt above and paste it into your AI of choice — Claude, ChatGPT, Gemini, or anywhere else you're working. Replace any placeholder sections with your own context, then ask for the output.
MORE FOR AGENT
- Existing Web Design Premium Upgraderagentcreative
- Antigravity GSAP Spatial UI Expertagentcreative
- High-End Agency UI Design Instructoragentcreative
- Stitch Semantic Design System Generatoragentcreative
- Image-First Website Design Coderagentcreative
- Premium Website Section Image Directoragentcreative
- Industrial Brutalist Tactical UI Engineeragentcreative
- Minimalist Editorial UI Code Generatoragentcreative
- Antigravity UI Motion Design Expertagentcreative
- Multi-Format Banner Design Workflowagentcreative
- Design Sub-Skill Routing and Generation Guideagentcreative
- Bold Aesthetic Frontend Interface Builderagentcreative
- AI Marketing Video Produceragentcreative
- P5.js Algorithmic Art Generatoragentcreative
- Antigravity UI Motion Design Expertagentcreative
- Magic Animator AI Motion Workflowagentcreative
- Magical UI Micro-Interactions Enhanceragentcreative
- Website Design Image Recreatoragentcreative
- Mermaid Diagram Expert Creatoragentcreative
- Magic UI Component Variations Generatoragentcreative
- Magic Animator AI Motion Workflowagentcreative
- PPTX Research Poster HTML Creatoragentcreative
- Magical Micro-Interactions UI Designeragentcreative
- Iconsax Premium Icon Library Skillagentcreative
- Iconsax Premium Icon Library Workflowagentcreative