skillsfree
💻 Development⚙️ Backend🎨 Frontend🚀 DevOps⛓️ Web3 & Blockchain🎭 Creative📄 Documentation📊 Data & AI💼 Business🤖 Automation🔒 Security✦ Other
Free PicksPricing
⌘K
HomeFree PicksPricing
💻 Development⚙️ Backend🎨 Frontend🚀 DevOps⛓️ Web3 & Blockchain🎭 Creative📄 Documentation📊 Data & AI💼 Business🤖 Automation🔒 Security✦ Other
skillsfree

Curated platform showcasing 1500+ Claude AI Skills. Discover, learn, and enhance your productivity.

Categories

DevelopmentFrontendBackendData & AIDocumentationDevOpsAll Categories

Resources

GitHubDocumentationAPI ReferenceClaude AI

Company

About UsContactFAQ

Legal

Privacy PolicyTerms of Service

© 2026 Claude Skills Free. All rights reserved.

Made with❤for the Claude community

☀️
  1. Home
  2. ✦Creative
  3. ✦Ui Design System
⏱ Pasting from scattered docs→Creative — one installTrial and error, again→#documentation ready to use

Ui Design System

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.

🎭 Creative✦Premium script✦7 languages

WHAT YOU BECOME

Use Cases

Perfect for these scenarios

✦ 01🚀

Prototype MVP

Rapidly build minimum viable products with automated scaffolding and boilerplate generation

✦ 02🔧

Debug Complex Issues

Identify and resolve bugs through automated code analysis and fix suggestions

✦ 03📦

Package Libraries

Create and publish npm packages with versioning, testing, and documentation

✦ 04🔄

Migrate Legacy Code

Modernize outdated codebases with automated refactoring and framework updates

MEASURED GAIN

Why Choose This Skill

Proven benefits and measurable impact

10x

Faster Development

Accelerate coding with AI-assisted features, reducing time to production

40%

Fewer Bugs

Catch issues early with automated testing and validation suggestions

8x

Learning Velocity

Master new languages and frameworks through guided coding assistance

WHAT YOU GET

What’s Inside

Files, tags and the three-step install

Download or copy the skill file from the source repository.
Put the skill file into Claude's skills directory — ~/.claude/skills/
Restart Claude or run the reload command, and the skill loads automatically.
$ cp alirezarezvani__claude-skills/product-team/ui-design-system/skill.md ~/.claude/skills/

Tip: Read the documentation and the code before first use, so you know what it does and which permissions it needs.

Related tags

#documentation#python

Technical information

Author
alirezarezvani
Category
Creative
File size
1.04 KB
Source repository
alirezarezvani__claude-skills
License
MIT
Metadata
Includes YAML metadata
View GitHub source

TAKE IT WITH YOU

$9.9/month
Premium script

Unlock unlimited downloads of all 450+ premium scripts.

All skills come from the open-source community; original authors keep their rights.

NEXT SCRIPTS

Related Skills

Recommended based on tags and category

View All Skills
💻

Adaptyv

Premium

Cloud laboratory platform for automated protein testing and validation. Use when designing proteins and needing experimental validation including binding assays, expression testing, thermostability measurements, enzyme activity assays, or protein sequence optimization. Also use for submitting experiments via API, tracking experiment status, downloading results, optimizing protein sequences for better expression using computational tools (NetSolP, SoluProt, SolubleMPNN, ESM), or managing protein design workflows with wet-lab validation.

Development4 KB
View details
💻

Aeon

Premium

This skill should be used for time series machine learning tasks including classification, regression, clustering, forecasting, anomaly detection, segmentation, and similarity search. Use when working with temporal data, sequential patterns, or time-indexed observations requiring specialized algorithms beyond standard ML approaches. Particularly suited for univariate and multivariate time series analysis with scikit-learn compatible APIs.

Development10 KB
View details
🎨

Agents

Free

Generate and maintain AGENTS.md files following the public agents.md convention. Use when creating documentation for AI agent workflows, onboarding guides, or when standardizing agent interaction patterns across projects.

Frontend11 KB
View details
📄

Ai Multimodal

Premium

Process and generate multimedia content using Google Gemini API. Capabilities include analyze audio files (transcription with timestamps, summarization, speech understanding, music/sound analysis up to 9.5 hours), understand images (captioning, object detection, OCR, visual Q&A, segmentation), process videos (scene detection, Q&A, temporal analysis, YouTube URLs, up to 6 hours), extract from documents (PDF tables, forms, charts, diagrams, multi-page), generate images (text-to-image, editing, composition, refinement). Use when working with audio/video files, analyzing images or screenshots, processing PDF documents, extracting structured data from media, creating images from text prompts, or implementing multimodal AI features. Supports multiple models (Gemini 2.5/2.0) with context windows up to 2M tokens.

Documentation10 KB
View details
View All Skills