Topic · Frontend & Design
Best UI design skills, page 3
UI design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 97 | UI/UX design intelligence for web, mobile, and desktop. An agent skill from Ohh-889/skyroc. | Ohh-889/ | 795 | 6 repos | ~14k | Automated safety check: Pass | MIT | 1 mo ago |
| 98 | Builds or restyles production UI with a clear point of view, checks the result against screenshots and responsive states, and hands document typography to other skills. | tw93/ | 7.2k | — | ~3.7k | Automated safety check: Pass | MIT | today |
| 99 | Draws flat vector spot illustrations of lanky people doing design and coding things, with solid black as a main fill, for empty states, onboarding and error pages. | MengTo/ | 6.7k | — | ~5.2k | Automated safety check: Pass | MIT | 2 days ago |
| 100 | OpenPrd UI Context skill:区分 greenfield、brownfield 与局部修正,基于已确认 PRD、可选 CodeGraph 和本地证据提出专业 UI/UX 方向,并在用户确认后编译 PRODUCT.md、DESIGN.md 和 Impeccable handoff。 | DavidLam-oss/ | 334 | — | ~899 | Automated safety check: Pass | MIT | today |
| 101 | Audit mobile App PRD/Figma/local-source consistency across page routes, KMP/Clean Architecture, components, analytics, i18n, engineering quality, and industry lenses before runtime validation; use… | leo-kuang-ai/ | 107 | — | ~4.6k | Automated safety check: Pass | MIT | today |
| 102 | Guides porting existing Android 2D apps to Meta VR and Horizon OS — input adaptation, panel layout, and design requirements. | meta-quest/ | 215 | — | ~2.1k | Automated safety check: Pass | Apache-2.0 | 14 days ago |
| 103 | Beautify or redesign an existing website through iterative pingfusi review rounds with a real human reviewer. | alex-durango/ | 124 | — | ~1.7k | Automated safety check: Pass | MIT | 29 days ago |
| 104 | 104.UI UX Pro Max Lane-stack design + brand intelligence (vendored ui-ux-pro-max). | VKirill/ | 122 | — | ~4.7k | Automated safety check: Pass | MIT | today |
| 105 | Build, review, or test LiteyukiBot v7's React/Vite WebUI under webui/ and its packaged static delivery in packages/webui/. | LiteyukiStudio/ | 157 | — | ~2.5k | Automated safety check: Pass | Unknown | 1 mo ago |
| 106 | 106.Card Theater Generates a single-file HTML presentation that pairs a narrated sidebar with a 3D card carousel, for walking through protocols, product features or step-by-step processes. | Unclecheng-li/ | 1.5k | — | ~877 | Automated safety check: Pass | MIT | 4 days ago |
| 107 | Implements Angular application views from design images using Ignite UI Angular components. | IgniteUI/ | 599 | — | ~4.7k | Automated safety check: Pass | MIT | today |
| 108 | 108.Debug UI Drive and visually QA the dev-3.0 UI in a real browser (headless Chromium via agent-browser). | h0x91b/ | 307 | — | ~3.6k | Automated safety check: Pass | Apache-2.0 | today |
| 109 | 109.UI UX Pro Max Comprehensive design guide for web, mobile, and desktop applications. | futureboard/ | 107 | — | ~5.6k | Automated safety check: Pass | MIT | 2 days ago |
| 110 | 110.Banner Design Design banners for social media, ads, website heroes, creative assets, and print. | Ohh-889/ | 795 | 9 repos | ~2.1k | Automated safety check: Pass | MIT | 1 mo ago |
| 111 | 111.UI Polish Suggests 10 very minor UI polish improvements, picks the best one, implements it, verifies it builds, then proceeds to the next until all 10 are done. | JereIDE/ | 177 | — | ~729 | Automated safety check: Pass | MIT | 10 days ago |
| 112 | Builds a custom cmux sidebar from a plain-language request by writing an interpreted SwiftUI-style file that hot-reloads and binds to live workspace data. | manaflow-ai/ | 28k | 1 repo | ~1.6k | Automated safety check: Pass | Unknown | today |
| 113 | 113.Rams Run accessibility and visual design review on components. An agent skill from brianlovin/agent-config. | brianlovin/ | 377 | 1 repo | ~801 | Automated safety check: Pass | No licence | 6 mo ago |
| 114 | 114.UI UX Pro Max UI/UX design intelligence expert for web and mobile applications. | shobcoder/ | 576 | — | ~3.7k | Automated safety check: Pass | MIT | 21 days ago |
| 115 | Reads the advisory design review attached to a pull request's screenshots, fixes the flagged UI problems in product code, and proves each note is gone. | different-ai/ | 24k | — | ~824 | Automated safety check: Pass | Unknown | today |
| 116 | 116.Tamery UI Tamery's UI design system and hard rules — native macOS look, three-level color system, typography tokens, motion recipes, and the kit's known gotchas. | wannabespace/ | 1.5k | — | ~1.5k | Automated safety check: Pass | AGPL-3.0 | today |
| 117 | 117.Ijfw Design A skill your agent uses when the user says: 'design', 'redesign', 'UI', 'UX', 'dashboard', 'page', 'component', 'make it look better', 'polish', 'pretty', 'professional', 'user experience'… | FerroxLabs/ | 212 | — | ~2.2k | Automated safety check: Pass | MIT | 4 days ago |
| 118 | Creates or revises Figma designs from a written description using the Figma MCP authoring tools, in a new blank file or an existing one. | warpdotdev/ | 65k | 1 repo | ~2.4k | Automated safety check: Pass | AGPL-3.0 | today |
| 119 | Steps for adding a one-time launch or announcement modal to the Warp desktop GUI, gated by a feature flag and tracked by a settings field. | warpdotdev/ | 65k | 1 repo | ~3.1k | Automated safety check: Pass | AGPL-3.0 | today |
| 120 | How to build a settings page in the Warp desktop client so widgets, page titles and settings search behave correctly, and which common mistakes to avoid. | warpdotdev/ | 65k | 1 repo | ~4.5k | Automated safety check: Pass | AGPL-3.0 | today |
| 121 | 121.Svelte UI Design Guides designing and building Svelte 5 UI components in the bootc extension. | podman-desktop/ | 474 | — | ~1.3k | Automated safety check: Pass | Apache-2.0 | today |
| 122 | 122.UI UX Pro Max UI/UX design intelligence with searchable style, palette, typography, and chart databases. | c0x12c/ | 106 | — | ~2.1k | Automated safety check: Pass | No licence | 3 mo ago |
| 123 | Builds polished browser-rendered HTML, CSS, JavaScript and React pages, dashboards, prototypes and slide decks, aiming for a stunning rather than merely functional result. | ConardLi/ | 13k | — | ~8.8k | Automated safety check: Pass | MIT | 2 mo ago |
| 124 | 124.Design Extractor Extract a design system from a screenshot (PNG/JPG/WEBP) or a live URL and produce a schema-compliant design.v1.json file plus a ready-to-use agent prompt for applying the design to any website/app. | luongnv89/ | 134 | — | ~3.4k | Automated safety check: Warn | Apache-2.0 | 21 days ago |
| 125 | 125.UI Design Design Flutter UI screens and widgets for The Holy Qur'an app. | mhmzdev/ | 889 | — | ~1.2k | Automated safety check: Pass | MIT | 29 days ago |
| 126 | Teaches the AI to design like a high-end agency. An agent skill from caorushizi/oss-client. | caorushizi/ | 113 | 14 repos | ~2.6k | Automated safety check: Pass | No licence | 1 mo ago |
| 127 | Plans UX flows, maps product needs to Weave Design System components, and generates structured Figma mockups using Autodesk Weave libraries. | DynamoDS/ | 2k | — | ~3.1k | Automated safety check: Pass | Apache-2.0 | today |
| 128 | 128.Game UI UX Design and build game UI/UX — HUDs, menus, and overlays — that survive every screen: anchor- based responsive layout, resolution/aspect scaling and safe areas, keyboard/gamepad focus navigation, a… | ukanwat/ | 387 | 1 repo | ~2.2k | Automated safety check: Pass | Apache-2.0 | today |
| 129 | 当用户明确点名要用 Google Gemini CLI 协同时使用此 Skill,把指定任务委托给 Gemini 执行并整合结果。 | bkywksj/ | 330 | — | ~1.5k | Automated safety check: Pass | Unknown | 6 days ago |
| 130 | Picks and configures the right layout for a Tabler preview page and covers changing or adding layouts in shared/layouts, including DefaultLayout props and the page-header slot. | tabler/ | 42k | — | ~1.5k | Automated safety check: Pass | MIT | today |
| 131 | 131.Nerv UI NERV Operations Console aesthetic for web interfaces — Evangelion-inspired instrumentation UI with black void backgrounds, sparse high-contrast color coding (orange headers, green nominal data, cyan… | TheGreatGildo/ | 228 | — | ~7k | Automated safety check: Pass | MIT | 7 mo ago |
| 132 | 132.Media Processor Specialized visual and multimedia processing tools. An agent skill from avibebuilder/claude-prime. | avibebuilder/ | 120 | — | ~1.2k | Automated safety check: Notes | MIT | 4 mo ago |
| 133 | Complete Product Owner / Product Manager capability — a wiki-style knowledge map of product practice in active software development: the role and its boundaries, strategy cascade (vision → OKRs →… | syahiidkamil/ | 401 | — | ~7.9k | Automated safety check: Pass | No licence | 3 mo ago |
| 134 | 134.Volt UI Design Design, implement, or review Volt's Bubble Tea and Lip Gloss terminal UI using the repository's Controlled Voltage design system. | owenHochwald/ | 141 | — | ~820 | Automated safety check: Pass | MPL-2.0 | 2 mo ago |
| 135 | AI-powered image generation for Salesforce visuals via Nano Banana Pro. | Jaganpro/ | 424 | — | ~1.6k | Automated safety check: Pass | MIT | 5 mo ago |
| 136 | Run after building a UI component to record its background, border, radius and text classes in ui-registry.md so later components match what came before. | jsmastery-pro/ | 218 | — | ~2.3k | Automated safety check: Pass | MIT | 3 mo ago |
| 137 | 137.UI Cloner A skill your agent uses when user provides a URL and wants to replicate or clone a website's UI, design, or visual style for their own product. | ragnar-pwninskjold/ | 137 | — | ~1.1k | Automated safety check: Pass | MIT | 1 mo ago |
| 138 | 以 Pulse(一日一印)美术设计总监视角自由设计、审阅和验收当前界面与运行体验。用于视觉、布局、品牌、动效、特效、触觉、UI/UX、可访问性、AppIcon、Widget 和系统表面任务。仅审阅时不修改项目,用户明确要求实现或清理时直接改动。 | cooluid/ | 101 | — | ~233 | Automated safety check: Pass | MIT | 18 days ago |
| 139 | 139.Argent Lens Propose multiple visual design variants for on-screen elements and let the human pick in the Argent Lens window. | bbplayer-app/ | 1.2k | — | ~2.7k | Automated safety check: Pass | MIT | yesterday |
| 140 | A skill your agent uses when designing, reviewing, or improving web UI visual quality, especially when a developer-built interface feels cluttered, flat, generic, poorly spaced, weakly hierarchical… | chaxus/ | 271 | — | ~1.9k | Automated safety check: Pass | MIT | 2 days ago |
| 141 | Comprehensive App UI/UX design best practices. An agent skill from touchine-ojo/OJO-Design-Skills. | touchine-ojo/ | 154 | — | ~9.4k | Automated safety check: Warn | MIT | 2 mo ago |
| 142 | A skill your agent uses when turning a product/design doc into a focused UI design brief, optional AI image-generation concept prompts, and implementation-ready UI direction without replacing the… | AkoliteZA/ | 271 | — | ~2k | Automated safety check: Pass | MIT | 5 mo ago |
| 143 | 143.Portfolio Flow Generates a complete designer portfolio website with admin login, portfolio CRUD management, AI-powered project description generation, theme customization (5 presets or custom hex), and visit… | TencentEdgeOne/ | 183 | — | ~1.3k | Automated safety check: Pass | MIT | 4 mo ago |
| 144 | 144.Layout Writing Reproduces and adjusts web layouts from Figma, Claude Design exports, screenshots, or an existing project style with high visual fidelity and proportional verification. | pavel-molyanov/ | 297 | — | ~1.4k | Automated safety check: Pass | MIT | 1 mo ago |
Explore related skills
Category
More topics in Frontend & Design
- Accessibility1,037
- Design systems831
- Landing pages458
- React components450
- Internationalization416
- Typography398
- Design tokens395
- Frontend development358
- CSS and styling349
- Theming and dark mode334
- Web performance312
- HTML artifacts276
- State management274
- Static sites and blogs270
- UX design267
- Responsive design258
- Web animation and motion189
- Forms and validation180
- Design to code104
- Icons and illustration64