Найти навыки

Авторские процессы для сайтов, изображений, презентаций и анимации.

12 навыковпо запросу “design-system”

Extract Design System

Arvind Ram Singh Kishore

Extract a public website’s colors, typography and other design primitives into starter JSON and CSS tokens.

  • design systems
  • design tokens
287Звёзды31Форки
Последний push репозитория

Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow, motion), reusable component structure with variant/size/state prop conventions, and rules for when to extract a repeated view into a shared component. Use when creating or organizing theme files and design tokens (theme.ts / theme/), extending an existing theme or styling library (NativeWind, Tamagui, Restyle, Unistyles) in its own idiom, standardizing styles so screens (including AI-generated ones) look consistent and polished, fixing an app that looks AI-generated or generic instead of native (the named native-slop tells), building an in-app component library, or auditing an app for design-system drift (hardcoded colors, spacing, fonts). For platform styling specifics (semantic colors, HIG rules, native controls) use expo-native-ui; for folder layout of a new app use expo-project-structure.

  • expo
  • design systems
4,2 тыс.Звёзды269Форки
Последний push репозитория
UI UX Pro Max website introduction — user-supplied screenshot; website figures may differ from the current repository.
Бесплатно
Веб и интерфейсы

Design System

Develop layered design tokens, component specifications and design-to-code guidance.

148,4 тыс.Звёзды15,7 тыс.Форки
Последний push репозитория
Official Minimal template preview: a light landing page with restrained typography, spacious layout and a single primary action.
Бесплатно
UI- и UX-дизайн

Awesome Design Skills

A unified design Skill library with selectable visual templates, reusable UI tokens, component rules and implementation checks for AI coding assistants.

3,6 тыс.Звёзды340Форки
Последний push репозитория

Interface Design

Oyindamola Akinleye

Design and refine dashboards, SaaS apps and admin interfaces with deliberate hierarchy, shared tokens, complete states and reusable design memory.

  • interface-design
  • ui-design
  • design-systems
6 тыс.Звёзды381Форки
Последний push репозитория
UI UX Pro Max website introduction — user-supplied screenshot; website figures may differ from the current repository.
Бесплатно
Веб и интерфейсы

UI Styling

Build responsive interface components with shadcn/ui, Tailwind CSS and design-system guidance.

148,4 тыс.Звёзды15,7 тыс.Форки
Последний push репозитория
Auteur Web Experiences — official illustration from the upstream README
Бесплатно
Веб и интерфейсы

Auteur Web Experiences

Design and build marketing pages, cinematic scroll experiences, and multi-screen products through a staged brief, asset, and implementation workflow.

1 тыс.Звёзды20Форки
Последний push репозитория
Understand Anything codebase graph
Бесплатно
UI- и UX-дизайн

Understand Anything: Figma Design Graph

Analyze a Figma file into a graph of screens, components, instances and design tokens.

92,3 тыс.Звёзды7,9 тыс.Форки
Последний push репозитория

UI UX Kit

Muhammad Arham Athar

Route UI work by product surface, define a visual concept, implement reusable tokens and states, and document the result in DESIGN_SYSTEM.md.

  • ui-design
  • ux-design
  • design-systems
3Звёзды1Форки
Последний push репозитория
Illustrative Claude Academy recommendation linking to the official Claude Code learning resource.
Бесплатно
Изображения

Theme Factory

Apply one of ten documented color-and-font themes to existing artifacts, or create a custom theme.

193,4 тыс.Звёзды22,8 тыс.Форки
Последний push репозитория
Design DNA — example
Бесплатно
Веб и интерфейсы

Design DNA

Extract and apply a design's tokens, qualitative style, and visual effects when defining a design direction or rebuilding an interface.

2,1 тыс.Звёзды115Форки
Последний push репозитория

Improve UI

ibelick

Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another agent. Strictly read-only on product source. Use when asked to review, refine, improve, or clean up an interface without replacing its identity; investigate design-system drift; or prepare a design handoff.

  • ui review
  • frontend
11,1 тыс.Звёзды529Форки
Последний push репозитория

Небольшая библиотека, созданная с заботой. Скоро появятся новые навыки.