Skills
.Work. You
Rest

ui-ux-icon-design

Community

Design pixel-perfect icons and systems.

Design & Creative#accessibility#design system#ui ux#sf symbols#icon design#material symbols
AuthorFutureAtoms
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the process of designing icons and comprehensive icon systems, ensuring visual consistency, accessibility, and adherence to platform standards.

Core Features & Use Cases

  • Icon System Design: Create structured icon libraries for applications.
  • Platform Compliance: Adhere to guidelines for SF Symbols (iOS) and Material Symbols (Android).
  • Accessibility: Ensure icons are usable by everyone, including proper labeling and contrast.
  • Use Case: Design a new set of 50 icons for a mobile app's navigation and feature set, ensuring they are consistent in style, size, and accessible.

Quick Start

Design a new icon for a 'user profile' feature following iOS SF Symbols guidelines.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ui-ux-icon-design
Download link: https://github.com/FutureAtoms/claude-skills-backup/archive/main.zip#ui-ux-icon-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.