Design Systems skills
Tokens, components and the rules that keep a product consistent as it grows.
98 skills, page 3 of 3
Skills
React Router Framework Modeby remix-run
React Router framework-mode patterns for loaders, actions, middleware, route modules, and full-stack rendering flows.
LayoutExternalGitHub stars: 134
Prefer Container Queriesby flornkm
Enforce Tailwind container queries over viewport breakpoints for responsive components. Use when writing or reviewing responsive Tailwind code, when a component needs to adapt to its available space (cards, sidebars, lists, panels, anything reused in different layouts), or when migrating sm:/md:/lg: classes to @container variants.
LayoutExternalGitHub stars: 115
Apply Design Systemby edenspiekermann
Reconnect an existing Figma design to published design system components instead of detached layers, local wrappers, or one-off assets.
Design SystemsExternalGitHub stars: 66
Audit Design Systemby edenspiekermann
Audit a Figma screen or component for design-system drift, including missing shared components, local overrides, and unbound tokens.
Design SystemsExternalGitHub stars: 66
Cc Figma Componentby nvillapiano
Generate variable-bound Figma component sets from component-contract definitions after the token collections exist.
Design SystemsExternalGitHub stars: 34
Cc Figma Tokensby nvillapiano
Build or update Figma Primitive and Semantic variable collections from component-contracts token files.
Design SystemsExternalGitHub stars: 34
Sync Figma Tokenby firebenders
Sync design tokens between code and Figma variables with drift reporting, approval gates, safe delta apply, and persisted reports.
Design SystemsExternalGitHub stars: 27
Rad Spacingby nolanperk
Apply hierarchical spacing variables across Figma layouts using proximity-based 4px and 8px increments from the file's library.
Design SystemsExternalGitHub stars: 14
Linear Finish Installby tjcages
Complete Linear tracking installation by writing always-on rules and verifying Linear MCP authentication.
Design SystemsExternalGitHub stars: 9
Linear Methodologyby tjcages
Route Linear tracking work through a methodology for setting up, syncing, monitoring, and maintaining honest project data.
Design SystemsExternalGitHub stars: 9
Linear Monitorby tjcages
Health-check Linear projects for slipping dates, stale in-progress work, orphan issues, and tracking anti-patterns.
Design SystemsExternalGitHub stars: 9
Linear Setupby tjcages
Bootstrap or extend Linear project tracking with evidence-based backfill, milestones, dependencies, and repository discipline.
Design SystemsExternalGitHub stars: 9
Linear Syncby tjcages
Audit and rescue an existing Linear project by reconciling its issues, milestones, dependencies, and tracking protocol with repository reality.
Design SystemsExternalGitHub stars: 9
Build Primitiveby PrototyperAI
Build foundational UI primitives from scratch with strong ARIA, keyboard, focus, and state handling.
AccessibilityExternalGitHub stars: 7
Dashboard Information Densityby UI Skillbook
Fit more real information on screen without it reading as cluttered, by controlling hierarchy instead of shrinking everything uniformly.
Layout
Siteplane Color Pickerby UI Skillbook
A trigger that opens a hex color editor with a saturation area, hue slider and RGB fields.
Siteplane UI
Thermo Nuclear Code Quality Reviewby cursor
Run an extremely strict maintainability review for abstraction quality, giant files, and spaghetti-condition growth.
Design SystemsExternal
UI Skillbook — Start Hereby UI Skillbook
Routing skill for agents. Explains how to search, filter, and fetch skills from UI Skillbook instead of loading the whole catalog.
Design Systems
Other categories
- Layout203
- Typography11
- Motion63
- Interaction107
- Accessibility79
- Responsive8
- Forms32
- Navigation12
- Visual147
- Performance34
- Taste73
- Writing5