Skills entdecken

Originale Workflows für Websites, Bilder, Präsentationen und bewegte Inhalte.

12 Skillsfür “design-system”
Filter zurücksetzen

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
287Sterne31Forks
Letzter Repository-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
4153Sterne269Forks
Letzter Repository-Push
UI UX Pro Max website introduction — user-supplied screenshot; website figures may differ from the current repository.
Kostenlos
Web und UI

Design System

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

148.417Sterne15.703Forks
Letzter Repository-Push
Official Minimal template preview: a light landing page with restrained typography, spacious layout and a single primary action.
Kostenlos
UI- und UX-Design

Awesome Design Skills

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

3618Sterne340Forks
Letzter Repository-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
5962Sterne381Forks
Letzter Repository-Push
UI UX Pro Max website introduction — user-supplied screenshot; website figures may differ from the current repository.
Kostenlos
Web und UI

UI Styling

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

148.417Sterne15.703Forks
Letzter Repository-Push
Auteur Web Experiences — official illustration from the upstream README
Kostenlos
Web und UI

Auteur Web Experiences

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

1045Sterne20Forks
Letzter Repository-Push
Understand Anything codebase graph
Kostenlos
UI- und UX-Design

Understand Anything: Figma Design Graph

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

92.265Sterne7868Forks
Letzter Repository-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
3Sterne1Forks
Letzter Repository-Push
Illustrative Claude Academy recommendation linking to the official Claude Code learning resource.
Kostenlos
Bilder

Theme Factory

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

193.412Sterne22.759Forks
Letzter Repository-Push
Design DNA — example
Kostenlos
Web und UI

Design DNA

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

2114Sterne115Forks
Letzter Repository-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.066Sterne529Forks
Letzter Repository-Push

Eine kleine, sorgfältig gestaltete Bibliothek. Weitere Skills folgen.