design-tools

Trending Design tools repos

Web

Tools for designing interfaces: Figma plugins, design tokens, UX and motion design, design-to-code.

Updated 31 min ago

Repos ranked this week
44
Activity vs last week
+32%

Ranked repositories in Design tools

Showing 30 of 44 ranked · stars gained this week, relative to size · min. 20

How health is computed
Rank 5

Claude Code skill for Dribbble-level product launch videos from code. One shape that never cuts, springs, a cursor that drives every change, beat-synced SFX, 60 fps motion blur. v2: use with Claude Opus 5.5.

JavaScript308stars total Health: Mixed signalsTesting & QAComputer vision
+161 stars this week
Rank 6

UI design skill for Claude Code, Codex and other AI agents: explore distinct directions, compare them side by side, refine against real screenshots. 给 AI Agent 用的 UI 设计 Skill。

Python1.7kstars total Agent skillsCoding agents
+463 stars this week
Rank 7

Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.

JavaScript2kstars total Health: Mixed signalsUI & design systemsWeb frameworks
+471 stars this week
+1 more from Vincentwei1021
Rank 24

Agent skill that turns Claude Code / Codex into a motion-design studio for voiceover-driven explainer videos — word-level voiceover sync, 109 motion recipe cards, an anti-slideshow camera system, Remotion rendering.

HTML1.6kstars total Agent skillsClaude Code
+136 stars this week
Rank 10

An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.

JavaScript3.6kstars total UI & design systemsAgent skills
+533 stars this week
Rank 11

UI motion agent, a library of 43+ crafted transitions, a skill that fits your workflow.

HTML5.4kstars total Health: Healthy
+636 stars this week
Rank 12

The design skill for Claude Code, Cursor and any coding agent. Stop shipping AI-slop UI: turn it into shippable, tasteful frontend. Install: npx skills add superdesigndev/superdesign-skill. Powered by superdesign.dev

JavaScript831stars total Health: Mixed signalsAgent skillsJavaScript
+189 stars this week
Rank 18

The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create prototypes, websites, apps, dashboards, presentations, images, and videos with your team and AI agents. Share work, exchange feedback, and iterate together in one workspace.

TypeScript102kstars total Health: HealthyUI & design systemsLocal-first
+1.6k stars this week
Rank 19

Take a real UI component apart. A Claude Code skill + runtime that explodes a live component into paint layers, states and tokens. Nothing is redrawn, no number is typed.

JavaScript49stars total UI & design systemsWeb frameworks
+49 stars this week
Rank 20

Free, open-source MCP server that gives AI coding agents (Claude Code, Codex, Cursor, OpenCode, ZCode…) design inspiration from award-winning websites — search with real screenshots, pull design DNA, capture and record live sites. A Mobbin alternative. No API key.

TypeScript147stars total MCPClaude Code
+45 stars this week
Rank 21

Creative coding skills for Claude Code, claude.ai and Cowork. Motion, micro-interactions and design systems across Web (GSAP, Motion, Three.js, CSS), Android (Jetpack Compose) and Apple (SwiftUI). Proposes an interaction thesis you approve before it writes any code. Anti-AI-slop.

Python531stars total Health: Mixed signalsFlutter & cross-platformUI & design systems
+80 stars this week
Rank 22

一套面向游戏 UI 设计的 Cursor Agent Skills 工作流,覆盖原型视觉生成、风格切换、页面延展与组件拆解,并通过 Spec-Kit 文档、视觉契约和资源清单保证多页面一致性与可交付性。

Python317stars total Health: Mixed signalsGame devUI & design systems
+59 stars this week
Rank 23

DESIGN:OS Studio — Native GPU-accelerated interface design & Figma engine built in Rust

Rust36stars total MCPRust
+36 stars this week
Rank 25

Art and animation, written as code. Illustrations, loops, interactive web art, launch-videos and scored films in dozens of styles, identical on every render.

TypeScript981stars total Agent skillsClaude Code
+103 stars this week
Rank 28

DeepSeek Harness Mobile 是一个面向 DeepSeek Harness 的原生 iOS 客户端。它通过 dsh-plugin-mobile-gateway 与 Harness 建立 WebSocket 连接,将工作区、会话、实时回复和 Agent 执行轨迹带到 iPhone,同时延续 DeepSeek WebUI 克制、清晰的视觉语言

Kotlin540stars total Health: HealthyFlutter & cross-platformKotlin
+67 stars this week