Topic · Frontend & Design
Best UI design skills, page 10
UI design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 433 | 433.Draft Wireframe Wireframe a screen — text/ASCII by default, or hand-drawn HTML when the user says "sketch", "hand-drawn", "lo-fi HTML", "whiteboard", "graph paper", or "visual wireframe". | jeremylongshore/ | 2.8k | — | ~2.7k | Automated safety check: Notes | MIT | today |
| 434 | A skill your agent uses whenever the user wants to find, shortlist, vet, or enrich US design and creative agencies — graphic design, UX/UI, product design, brand identity, packaging, illustration… | jeremylongshore/ | 2.8k | — | ~4.2k | Automated safety check: Notes | MIT | today |
| 435 | 435.Form Brand A skill your agent uses when asked to create a brand identity, define visual design direction, generate a color palette or type system, build a style guide, or establish the look and feel for a… | jeremylongshore/ | 2.8k | — | ~2.1k | Automated safety check: Notes | MIT | today |
| 436 | 436.Analyse Design Reverse-engineer an application, website or document's design system from its codebase and screenshots. | sammcj/ | 162 | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | today |
| 437 | 437.Slackbot Builder Design or harden Slack bot transport and interaction architecture: signed Events API ingress, fast acknowledgement, idempotency, causal thread context, Block Kit actions, message rendering… | swyxio/ | 175 | — | ~2.1k | Automated safety check: Pass | MIT | 3 days ago |
| 438 | Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns. | curiositech/ | 243 | — | ~1.7k | Automated safety check: Pass | MIT | 1 mo ago |
| 439 | 439.Sketch Open a Fabric.js-based SVG editor in the browser for collaborative visual prototyping. | glebis/ | 389 | — | ~1.2k | Automated safety check: Pass | MIT | 11 days ago |
| 440 | 440.Mcaf Apply minimal MCAF repository governance when the user explicitly asks to adopt MCAF or change MCAF-specific rules. | managedcode/ | 486 | — | ~1.2k | Automated safety check: Pass | MIT | today |
| 441 | 441.Design Critique Give structured, constructive feedback on any design using UX frameworks. | mohitagw15856/ | 1.4k | — | ~1.5k | Automated safety check: Pass | MIT | today |
| 442 | A skill your agent uses when asked to design the interface for an interactive 3D explorer, plan a UI for exploring a 3D model of a topic, or write an image-model prompt for a 3D learning app mock-up. | mohitagw15856/ | 1.4k | — | ~1.2k | Automated safety check: Pass | MIT | today |
| 443 | Run a five-stage UI design pipeline (direction, system, motion, critique, verification) so the result does not look like generic AI output. | mohitagw15856/ | 1.4k | — | ~2.9k | Automated safety check: Pass | MIT | today |
| 444 | Point to the ui-ux-pro-max skill by nextlevelbuilder and explain when to use it. | mohitagw15856/ | 1.4k | — | ~1k | Automated safety check: Pass | MIT | today |
| 445 | 445.Nextjs A skill your agent uses when building, reviewing, testing, securing, or optimizing a Next.js App Router app: Server vs Client boundaries, use server actions, route handlers, the v15 vs v16 use cache… | ericrisco/ | 167 | — | ~5.1k | Automated safety check: Pass | MIT | today |
| 446 | Software architecture and UI/UX principles for building genuinely new solutions, not derivative work. | bencium/ | 445 | — | ~3.3k | Automated safety check: Pass | MIT | 3 days ago |
| 447 | 447.Designer Skill A skill your agent uses for UI design, implementation, redesign, visual review, accessibility, responsive behavior, interaction states, and design systems. | hashgraph-online/ | 1.2k | — | ~4.2k | Automated safety check: Pass | Apache-2.0 | today |
| 448 | 448.Muapi UI Design Generate high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles — creates wireframes and design systems via muapi.ai | hashgraph-online/ | 1.2k | — | ~884 | Automated safety check: Pass | Apache-2.0 | today |
| 449 | 449.Visual Companion Browser-based visual brainstorming companion for showing mockups, diagrams, and visual options. | hashgraph-online/ | 1.2k | — | ~2.5k | Automated safety check: Pass | Apache-2.0 | today |
| 450 | 450.UI UX Audit Mandatory audit workflow for UI/UX changes that reads current state FIRST, checks for redundancy, respects clean design philosophy, and identifies genuine gaps before implementation. | nicepkg/ | 285 | — | ~3.2k | Automated safety check: Pass | MIT | 8 mo ago |
| 451 | 451.UI UX Pro Max UI/UX 设计智能,在设计页面时必须使用 | Prorise-cool/ | 305 | — | ~1.5k | Automated safety check: Notes | No licence | 22 days ago |
| 452 | 452.Taste Senior UI/UX Engineer. An agent skill from EliasOulkadi/shokunin. | EliasOulkadi/ | 114 | — | ~3.5k | Automated safety check: Pass | MIT | 3 days ago |
| 453 | 453.Taste Soft High-end visual design like a premium agency. An agent skill from EliasOulkadi/shokunin. | EliasOulkadi/ | 114 | — | ~3.2k | Automated safety check: Pass | MIT | 3 days ago |
| 454 | 454.UI UX Pro Max AI-powered UI/UX design intelligence with 57 UI styles, 95+ color palettes, 56 font pairings, 25 chart types, and 100+ industry-specific reasoning rules across 12 tech stacks. | infometa/ | 344 | — | ~2.7k | Automated safety check: Notes | No licence | today |
| 455 | Design system and guidelines for Claude's built-in showwidget tool to render high-quality interactive HTML/SVG widgets, charts, diagrams, and explainers inline. | criptogus/ | 288 | — | ~972 | Automated safety check: Pass | MIT | 28 days ago |
| 456 | Improve prompts with design specs and UI/UX vocabulary Use when the user asks for enhance prompt work, or mentions od, enhance, prompt. | criptogus/ | 288 | — | ~774 | Automated safety check: Pass | Apache-2.0 | 28 days ago |
| 457 | Frontend design and UI/UX development tools for shipping production-ready interfaces with strong typographic and layout discipline. | criptogus/ | 288 | — | ~809 | Automated safety check: Pass | Apache-2.0 | 28 days ago |
| 458 | 458.Od UI UX Pro Max UI/UX design patterns and best practices Use when the user asks for ui ux pro max work, or mentions od, ui, ux. | criptogus/ | 288 | — | ~761 | Automated safety check: Pass | Apache-2.0 | 28 days ago |
| 459 | Android native application development and UI design guide. An agent skill from aiskillstore/marketplace. | aiskillstore/ | 430 | 1 repo | ~7.1k | Automated safety check: Pass | MIT | today |
| 460 | 460.Tasks Generator Generate structured task roadmaps from project specifications. | aiskillstore/ | 430 | — | ~1.1k | Automated safety check: Pass | No licence | today |
| 461 | 461.UI Design Review Prompting patterns and review templates for UI design analysis with Gemini multimodal capabilities. | MadAppGang/ | 284 | — | ~2k | Automated safety check: Pass | MIT | 6 mo ago |
| 462 | 462.UI Style Format UI design style file format specification with reference image support. | MadAppGang/ | 284 | — | ~1.2k | Automated safety check: Pass | MIT | 6 mo ago |
| 463 | Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates. | sundial-org/ | 663 | — | ~2k | Automated safety check: Pass | No licence | 7 mo ago |
| 464 | 464.Design Lab Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans. | NeverSight/ | 216 | 1 repo | ~7.5k | Automated safety check: Pass | No licence | today |
| 465 | 465.Hero UI Craft A skill your agent uses when Codex works on any front-end implementation, UI polish, dashboard, product screen, internal tool, design system, React component, Tailwind CSS v4 surface, HeroUI React… | hashgraph-online/ | 1.2k | — | ~3.4k | Automated safety check: Pass | Apache-2.0 | today |
| 466 | 466.UI Design Design, build, or improve web and mobile interfaces using real product examples from UIZZE’s 800,000+ web and iOS screens. | hashgraph-online/ | 1.2k | — | ~904 | Automated safety check: Pass | Apache-2.0 | today |
| 467 | 467.UI Theme QA A skill your agent uses to find and fix undisciplined Control-node UI in a Godot project — spacing that follows no ladder, font sizes with no modular scale, near-duplicate colours, and text that… | hashgraph-online/ | 1.2k | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | today |
| 468 | 468.Frontend Design Design and build production-ready frontend interfaces with design systems, responsive layouts, accessible components, and dark mode support. | seb1n/ | 206 | — | ~2.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 469 | 469.Common Family UX Judge and shape UI/UX for products used by parents and young children - audience fit, accessibility, safety and trust, comfort, consistency, and human feel. | HoangNguyen0403/ | 571 | — | ~666 | Automated safety check: Pass | MIT | today |
| 470 | 470.Common UI Design Design distinctive, production-grade frontend UI with bold aesthetic choices. | HoangNguyen0403/ | 571 | — | ~849 | Automated safety check: Pass | MIT | today |
| 471 | 471.Frontend UI UX Designer-turned-developer who crafts stunning UI/UX even without design mockups. | ArabelaTso/ | 253 | — | ~809 | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 472 | 472.Claude Designer Use Claude Code directly from Astra's current task to design or implement UI/UX and frontend work, with Astra owning sequencing, review, and integration. | instructa/ | 139 | — | ~966 | Automated safety check: Pass | No licence | 9 days ago |
| 473 | State-of-the-art viral content + social design intelligence. | criptogus/ | 288 | — | ~1.6k | Automated safety check: Pass | Unknown | 28 days ago |
| 474 | Premium design and micro-interactions toolkit. An agent skill from Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI. | Dokhacgiakhoa/ | 507 | — | ~567 | Automated safety check: Pass | Unknown | 3 mo ago |
| 475 | A skill your agent uses when creating or evolving design systems for applications. | aiskillstore/ | 430 | — | ~3.8k | Automated safety check: Pass | No licence | today |
| 476 | Expert UI/UX and React performance auditor (PinakBot persona). | sundial-org/ | 663 | — | ~651 | Automated safety check: Pass | No licence | 7 mo ago |
| 477 | Write a monitoring setup guide for a service — defining what to measure, how to alert on it, and how to build the observability stack covering the four golden signals, business metrics, log… | mohitagw15856/ | 1.4k | — | ~5.4k | Automated safety check: Pass | MIT | today |
| 478 | 478.Emil Design Eng This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great. | Asymmetric-al/ | 381 | — | ~7.4k | Automated safety check: Pass | AGPL-3.0 | today |
Explore related skills
Category
More topics in Frontend & Design
- Accessibility1,033
- Design systems836
- Landing pages460
- React components455
- Internationalization414
- Typography397
- Design tokens395
- Frontend development360
- CSS and styling352
- Theming and dark mode337
- Web performance316
- HTML artifacts277
- State management276
- Static sites and blogs268
- UX design265
- Responsive design261
- Web animation and motion190
- Forms and validation180
- Design to code104
- Icons and illustration64