Generate UI design systems
Teams often lose consistency when colors, spacing, and typography are defined by hand. This skill helps Claude, Codex, and Claude Code generate clear design tokens and handoff guidance.
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "ui-design-system" from https://skillstore.io/skills/alirezarezvani-ui-design-system.md and its manifest at https://skillstore.io/api/skills/alirezarezvani-ui-design-system/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Using "ui-design-system". Generate a modern token system for #0066CC.
Expected outcome:
Using "ui-design-system". Prepare tokens for a frontend handoff.
Expected outcome:
Using "ui-design-system". Help document component standards.
Expected outcome:
All six static findings are false positives based on the reviewed context. The flagged terms are design-system wording, color values, and markdown command formatting rather than command-and-control behavior, reconnaissance, or shell execution.
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
https://skillstore.io/skills/alirezarezvani-ui-design-system/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/alirezarezvani-ui-design-system?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/alirezarezvani-ui-design-system?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/alirezarezvani-ui-design-system/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/alirezarezvani-ui-design-system.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>alirezarezvani. (2026). ui-design-system security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/alirezarezvani-ui-design-system/audits/7@techreport{alirezarezvani-alirezarezvani-ui-design-system-2026,
author = {alirezarezvani},
title = {ui-design-system security audit report (audit version 7)},
institution = {Skillstore},
year = {2026},
number = {7},
url = {https://skillstore.io/skills/alirezarezvani-ui-design-system/audits/7},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "ui-design-system security audit report (audit version 7)"
version: "unspecified"
type: report
authors:
- name: "alirezarezvani"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/alirezarezvani-ui-design-system/audits/7"
identifiers:
- type: other
value: "skillstore:alirezarezvani-ui-design-system:audit:7"
description: "Skillstore immutable audit report identifier"
Each author remains a separate installable skill. The recommended variant is ranked by Skillstore evidence.
Why this variant is first
abdulsamad94-ui-design-system
2026-09-09
davila7-ui-design-system
2026-09-09
alirezarezvani-ui-design-system
2026-09-09
Generate a first token set for colors, spacing, typography, shadows, and breakpoints from a brand color.
Export tokens in web-friendly formats and describe how components should use shared values.
Create consistent scales for teams that need shared design decisions across multiple product areas.
Use the ui-design-system skill to generate a modern design token set for brand color #0066CC. Show a short summary of the token categories.
Generate design tokens for brand color #3B82F6 with the playful style. Export them for a CSS project and explain where each token group should be used.
Create a component guidance brief using the generated tokens for buttons, cards, forms, and navigation. Include accessibility notes for each component group.
Review my current token strategy against the ui-design-system guidance. Identify inconsistencies in color, spacing, typography, breakpoints, and developer handoff.
Author
alirezarezvaniLicense
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Ref
7db9b9f06e0ab79c575b58bc48c4d8dc9849f424
Maintenance freshness
7/18/2026
Usage
11 downloads · 208 views
File structure
Create SEO Content With Brand Voice
Marketing teams need consistent content that fits each channel and supports search goals. This skill combines brand voice guidance, content templates, SEO checks, and social media planning.
Manage CAPA Investigations and Action Plans
CAPA work often stalls when investigations, actions, and evidence are not structured. This skill guides clear RCA, action planning, verification, metrics, and inspection-ready documentation.
Manage QMR Quality Governance
HealthTech teams need disciplined quality governance across standards, audits, reviews, and executive reporting. This skill guides QMR responsibilities, compliance oversight, KPI monitoring, and strategic quality planning.
Manage Medical Device Risk Files
Medical device teams need consistent risk management evidence across design, regulatory, and post-market work. This skill guides ISO 14971 planning, analysis, controls, and file maintenance.
Review Code with Structured Quality Checks
Code reviews can miss quality, security, and maintainability issues. This skill guides structured reviews with scripts, checklists, and report generation.
Build ISO 13485 QMS Programs
Medical device teams need controlled QMS processes that match ISO 13485 expectations. This skill helps plan documentation, audits, reviews, CAPA work, and certification readiness.
Build Consistent Token-Based UI Components
by sickn33
Hard-coded styles and raw platform elements create inconsistent interfaces. This skill applies reusable design tokens, core components, and established layout patterns.
Improve UI/UX Design Operations
by A-Genno
UI and UX work often loses consistency across screens, states, and decisions. This skill gives Claude, Codex, and Claude Code a concise checklist for design reviews and documentation.
Audit Interface Quality
by pbakaus
Frontend teams need clear evidence before fixing interface problems. This skill produces a prioritized audit across accessibility, performance, theming, responsiveness, and design patterns.
Build Accessible Tailwind Interfaces
by nextlevelbuilder
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Build Consistent Design Systems and Slides
by nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
Check designs with deterministic CSS rules
by cubha
Design reviews can vary between reviewers and slow down delivery. This skill applies repeatable checks to HTML and CSS so teams can catch token, layout, and accessibility issues before release.