Explorer les skills

Des workflows originaux pour sites web, images, présentations et animations.

12 skillspour “design-system”
Effacer les filtres

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Étoiles31Forks
Dernier push du dépôt

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 kÉtoiles269Forks
Dernier push du dépôt
UI UX Pro Max website introduction — user-supplied screenshot; website figures may differ from the current repository.
Gratuit
Web et interfaces

Design System

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

148,4 kÉtoiles15,7 kForks
Dernier push du dépôt
Official Minimal template preview: a light landing page with restrained typography, spacious layout and a single primary action.
Gratuit
Design UI et 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 kÉtoiles340Forks
Dernier push du dépôt

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 kÉtoiles381Forks
Dernier push du dépôt
UI UX Pro Max website introduction — user-supplied screenshot; website figures may differ from the current repository.
Gratuit
Web et interfaces

UI Styling

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

148,4 kÉtoiles15,7 kForks
Dernier push du dépôt
Auteur Web Experiences — official illustration from the upstream README
Gratuit
Web et interfaces

Auteur Web Experiences

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

1 kÉtoiles20Forks
Dernier push du dépôt
Understand Anything codebase graph
Gratuit
Design UI et UX

Understand Anything: Figma Design Graph

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

92,3 kÉtoiles7,9 kForks
Dernier push du dépôt

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Étoiles1Forks
Dernier push du dépôt
Illustrative Claude Academy recommendation linking to the official Claude Code learning resource.
Gratuit
Images

Theme Factory

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

193,4 kÉtoiles22,8 kForks
Dernier push du dépôt
Design DNA — example
Gratuit
Web et interfaces

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 kÉtoiles115Forks
Dernier push du dépôt

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 kÉtoiles529Forks
Dernier push du dépôt

Une petite bibliothèque créée avec soin. D’autres skills arrivent bientôt.