ihlamury/design-skills

Opinionated UI constraints extracted from the best design systems. Use with AI agents to build pixel-accurate interfaces.

87Stars on the repository
87Mods indexed here, across every type
7mo agoLast push, which is what freshness is scored on
noneNo LICENSE: all rights reserved, so bodies are not copied

n26-ui-skills

49

ihlamury/design-skills

Skill Claude CodeCodex

N26's UI design system. Use when building interfaces inspired by N26's aesthetic - dark mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 35 tokens

neon-ui-skills

50

ihlamury/design-skills

Skill Claude CodeCodex

Neon's UI design system. Use when building interfaces inspired by Neon's aesthetic - dark mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 33 tokens

notion-ui-skills

51

ihlamury/design-skills

Skill Claude CodeCodex

Notion's UI design system. Use when building interfaces inspired by Notion's aesthetic - light mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 35 tokens

obsidian-ui-skills

52

ihlamury/design-skills

Skill Claude CodeCodex

Obsidian's UI design system. Use when building interfaces inspired by Obsidian's aesthetic - dark mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 37 tokens

openai-ui-skills

53

ihlamury/design-skills

Skill Claude CodeCodex

OpenAI's UI design system. Use when building interfaces inspired by OpenAI's aesthetic - light mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 35 tokens

paddle-ui-skills

54

ihlamury/design-skills

Skill Claude CodeCodex

Paddle's UI design system. Use when building interfaces inspired by Paddle's aesthetic - light mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 34 tokens

pinterest-ui-skills

55

ihlamury/design-skills

Skill Claude CodeCodex

Pinterest's UI design system. Use when building interfaces inspired by Pinterest's aesthetic - light mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 33 tokens

pitch-ui-skills

56

ihlamury/design-skills

Skill Claude CodeCodex

Pitch's UI design system. Use when building interfaces inspired by Pitch's aesthetic - light mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 32 tokens

plaid-ui-skills

57

ihlamury/design-skills

Skill Claude CodeCodex

Plaid's UI design system. Use when building interfaces inspired by Plaid's aesthetic - dark mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 35 tokens

ihlamury/design-skills

Skill Claude CodeCodex

Planetscale's UI design system. Use when building interfaces inspired by Planetscale's aesthetic - dark mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 38 tokens

posthog-ui-skills

59

ihlamury/design-skills

Skill Claude CodeCodex

Posthog's UI design system. Use when building interfaces inspired by Posthog's aesthetic - dark mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 35 tokens

railway-ui-skills

60

ihlamury/design-skills

Skill Claude CodeCodex

Railway's UI design system. Use when building interfaces inspired by Railway's aesthetic - dark mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 34 tokens

ramp-ui-skills

61

ihlamury/design-skills

Skill Claude CodeCodex

Ramp's UI design system. Use when building interfaces inspired by Ramp's aesthetic - light mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 33 tokens

raycast-ui-skills

62

ihlamury/design-skills

Skill Claude CodeCodex

Raycast's UI design system. Use when building interfaces inspired by Raycast's aesthetic - light mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 35 tokens

readwise-ui-skills

63

ihlamury/design-skills

Skill Claude CodeCodex

Readwise's UI design system. Use when building interfaces inspired by Readwise's aesthetic - light mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 35 tokens

replit-ui-skills

64

ihlamury/design-skills

Skill Claude CodeCodex

Replit's UI design system. Use when building interfaces inspired by Replit's aesthetic - light mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 35 tokens

resend-ui-skills

65

ihlamury/design-skills

Skill Claude CodeCodex

Resend's UI design system. Use when building interfaces inspired by Resend's aesthetic - dark mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 35 tokens

retool-ui-skills

66

ihlamury/design-skills

Skill Claude CodeCodex

Retool's UI design system. Use when building interfaces inspired by Retool's aesthetic - light mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 35 tokens

rippling-ui-skills

67

ihlamury/design-skills

Skill Claude CodeCodex

Rippling's UI design system. Use when building interfaces inspired by Rippling's aesthetic - dark mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 35 tokens

robinhood-ui-skills

68

ihlamury/design-skills

Skill Claude CodeCodex

Robinhood's UI design system. Use when building interfaces inspired by Robinhood's aesthetic - dark mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 36 tokens

segment-ui-skills

69

ihlamury/design-skills

Skill Claude CodeCodex

Segment's UI design system. Use when building interfaces inspired by Segment's aesthetic - light mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 32 tokens

shopify-ui-skills

70

ihlamury/design-skills

Skill Claude CodeCodex

Shopify's UI design system. Use when building interfaces inspired by Shopify's aesthetic - light mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 34 tokens

shortcut-ui-skills

71

ihlamury/design-skills

Skill Claude CodeCodex

Shortcut's UI design system. Use when building interfaces inspired by Shortcut's aesthetic - light mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 32 tokens

slack-ui-skills

72

ihlamury/design-skills

Skill Claude CodeCodex

Slack's UI design system. Use when building interfaces inspired by Slack's aesthetic - light mode, Inter font, 4px grid.

not rated 87 +1 7mo ago A 33 tokens

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: