Topic · Frontend & Design
Best UI design skills, page 7
UI design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 289 | 289.UI UX Designer Create interface designs, wireframes, and design systems. An agent skill from aiskillstore/marketplace. | aiskillstore/ | 430 | 7 repos | ~2.4k | Automated safety check: Pass | No licence | today |
| 290 | 290.Visual Design 直出好看的网页/落地页/banner/海报/产品介绍页/无数据图表的静态报告页/简历/作品集等视觉物料——套一套设计系统,模型自由写自包含 HTML,颜值由规则锁死、不靠模板。用户说"做个网页/页面/落地页/banner/海报/报告页/作品集/简历"或"把这份内容做成网页版"时使用。含数据图表的可视化报告/仪表盘交由 visualizer。⚠️… | Pinvou/ | 2.4k | — | ~724 | Automated safety check: Pass | MIT | today |
| 291 | Always-on visual quality gate and progressive skill router for HTML, dashboards, charts, decks, documents, UI mockups, and other styled artifacts. | spytensor/ | 452 | — | ~688 | Automated safety check: Pass | Proprietary | 2 mo ago |
| 292 | Explore UI and visual design with image generation, then iterate the real implementation against the user-selected concept. | dzhng/ | 1k | — | ~1.1k | Automated safety check: Pass | MIT | 3 days ago |
| 293 | 293.UI UX Pro Max Catalog-only UI/UX Pro Max entry. An agent skill from nexu-io/open-design. | nexu-io/ | 100k | — | ~484 | Automated safety check: Pass | Apache-2.0 | today |
| 294 | 294.Phase 3 Mockup Create UI/UX mockups and HTML/CSS/JS prototypes without a designer. | ww-w-ai/ | 601 | — | ~2k | Automated safety check: Pass | Apache-2.0 | 12 days ago |
| 295 | Capability-based multi-tool matrix for image and graphic design: AI generation, raster/vector editing, UI mockups, diagrams, upscaling, photo library, and publishing. | HKUDS/ | 52k | — | ~2.4k | Automated safety check: Pass | Apache-2.0 | 17 days ago |
| 296 | 296.Omk Stitch Google Stitch design-to-code workflow with design system management. | KaimingWan/ | 107 | — | ~2.2k | Automated safety check: Pass | MIT | 6 mo ago |
| 297 | Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. | modu-ai/ | 1.2k | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | today |
| 298 | 298.Wireframe Sketch A hand-drawn wireframe exploration — graph-paper background, marker / pencil tone, multiple tab labels for variants, sticky-note annotations, scribbled chart placeholders, hatched fills. | sanqiufong/ | 132 | 1 repo | ~990 | Automated safety check: Pass | Apache-2.0 | today |
| 299 | UI polish and interface-completion reference: the small visual details — concentric border radius, optical alignment, shadow-vs-border, motion easing, typography smoothing, tabular numbers, icon… | modu-ai/ | 1.2k | — | ~3.1k | Automated safety check: Pass | Apache-2.0 | today |
| 300 | 300.UI UX Pro Max 当需要从产品与体验层面输出完整 UI/UX 方案(信息架构、视觉规范、交互策略、可用性检查)时使用. An agent skill from xrkseek/XRK-AGT. | xrkseek/ | 140 | — | ~173 | Automated safety check: Pass | MIT | 8 days ago |
| 301 | 301.Visualize Render a polished visual inline in the chat as part of your answer — a diagram, a chart, an interactive explainer, or a UI mockup. | vellum-ai/ | 1.4k | — | ~3.6k | Automated safety check: Pass | MIT | today |
| 302 | 302.UI UX Pro Max 专业级 UI/UX 设计规范,需要高质量界面设计时手动触发或描述"设计感/专业UI"时自动触发. An agent skill from doccker/cc-use-exp. | doccker/ | 1.1k | — | ~1.6k | Automated safety check: Pass | Unknown | 1 mo ago |
| 303 | 303.UI UX Pro Max 专业级 UI/UX 设计规范,需要高质量界面设计时手动触发或描述"设计感/专业UI"时自动触发。覆盖视觉层次、配色体系、排版节奏、交互微动效、响应式适配等。日常前端开发由 frontend-dev skill + frontend-design 插件覆盖。 | doccker/ | 1.1k | — | ~2k | Automated safety check: Pass | Unknown | 1 mo ago |
| 304 | 304.Gsd UI Phase Generate UI design contract (UI-SPEC.md) for frontend phases | SpillwaveSolutions/ | 119 | 3 repos | ~669 | Automated safety check: Pass | MIT | 19 days ago |
| 305 | 305.Idea Validation Help users de-risk new product bets by testing core assumptions, building low-fidelity prototypes, and gathering high-signal evidence before investing heavy engineering resources. | RefoundAI/ | 1.4k | — | ~1.5k | Automated safety check: Pass | MIT | 2 mo ago |
| 306 | Use this skill any time the user needs a visual output as an image or PDF — charts, diagrams, posters, infographics, abstract artwork, or any visual design. | aws-samples/ | 195 | — | ~1.5k | Automated safety check: Pass | MIT | today |
| 307 | 307.Enhance Prompt Improve prompts with design specs and UI/UX vocabulary. An agent skill from nexu-io/open-design. | nexu-io/ | 100k | — | ~301 | Automated safety check: Pass | Apache-2.0 | today |
| 308 | 308.Imagegen Generate and edit images using OpenAI's Image API for project assets — UI mockups, icons, illustrations, social cards, and visual references. | nexu-io/ | 100k | — | ~300 | Automated safety check: Pass | Apache-2.0 | today |
| 309 | 309.Imagen Generate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual assets. | nexu-io/ | 100k | — | ~279 | Automated safety check: Pass | Apache-2.0 | today |
| 310 | Critique a rendered screen's typography — scale usage, readability, consistency, and token compliance. | Owl-Listener/ | 2.9k | 1 repo | ~824 | Automated safety check: Pass | MIT | 1 mo ago |
| 311 | Critique a rendered screen's hierarchy — entry point, eye flow, weight distribution, and emphasis. | Owl-Listener/ | 2.9k | 1 repo | ~608 | Automated safety check: Pass | MIT | 1 mo ago |
| 312 | 312.Gesture Patterns Design gesture interactions for touch and pointer — swipe, drag, long-press, and their discoverability. | Owl-Listener/ | 2.9k | 1 repo | ~501 | Automated safety check: Pass | MIT | 1 mo ago |
| 313 | Apply an emotional resonance lens to a UI that is technically correct but flat, prescribing changes at the copy, motion, and interaction layer. | Owl-Listener/ | 2.9k | 1 repo | ~977 | Automated safety check: Pass | MIT | 1 mo ago |
| 314 | 314.Wireframe Explore many ideas with wireframes and storyboards. An agent skill from asgeirtj/system_prompts_leaks. | asgeirtj/ | 69k | — | ~1k | Automated safety check: Pass | CC0-1.0 | yesterday |
| 315 | 315.Frontend Design Guidance for distinctive, intentional visual design when building or reshaping UI, HTML/React artifacts, dashboards, charts, and visual reports. | spytensor/ | 452 | — | ~2.6k | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 316 | Pick and apply a complete visual style direction — surface ladder, type scale, accent discipline, and one signature structural motif — for a website, landing page, dashboard, or app shell. | boraoztunc/ | 397 | — | ~2.7k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 317 | A skill your agent uses when a leader must review or approve TEXT-based team output before it ships — content briefs checked for angle, pillar, and CTA, ad copy and creative checked for… | minhnv0807/ | 610 | — | ~2.5k | Automated safety check: Pass | MIT | 27 days ago |
| 318 | 318.Composer Plugins A skill your agent uses when working on files in packages/plugins/, adding new plugins, refactoring plugin components/containers, writing storybooks for plugins, or wiring capabilities like… | dxos/ | 525 | — | ~13k | Automated safety check: Pass | Unknown | today |
| 319 | 319.Gum Integration How FlatRedBall integrates the Gum UI layout/rendering library — plugin structure, .gumx projects, runtime wrapper. | vchelaru/ | 578 | — | ~2.5k | Automated safety check: Pass | MIT | today |
| 320 | 320.Lark Apps 妙搭(Spark/Miaoda)应用开发与托管:应用创建、本地全栈开发、云端生成迭代、创意设计(UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索)、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV… | rongxinzy/ | 154 | 1 repo | ~2.8k | Automated safety check: Notes | AGPL-3.0 | today |
| 321 | 321.Page Prototype Axure-like gray HTML wireframe of one page. An agent skill from VKirill/claude-lane-stack. | VKirill/ | 122 | — | ~1.5k | Automated safety check: Notes | MIT | today |
| 322 | 322.Tidy Reviews a local diff, branch diff, or PR with file:line findings in confirmed and plausible tiers, gates any test the diff adds or changes, and in apply mode lands the fixes and diff-scoped… | mblode/ | 144 | — | ~4.2k | Automated safety check: Pass | MIT | today |
| 323 | 323.UI Mockup Create three UI mockup options per round, then refine the user's favorite until they approve one. | greenfield-inc/ | 522 | — | ~959 | Automated safety check: Pass | Unknown | today |
| 324 | 324.Moai Ref SEO Search-visibility and crawlability reference for web output: canonical URL discipline, per-page title and meta description uniqueness, robots.txt and sitemap.xml as host-derived artifacts, JSON-LD… | modu-ai/ | 1.2k | — | ~3.3k | Automated safety check: Pass | Apache-2.0 | today |
| 325 | 325.Spec Workflow Standard software engineering workflow for requirement analysis, technical design, and task planning. | LeoYeAI/ | 2.2k | 1 repo | ~1.4k | Automated safety check: Pass | MIT | 2 mo ago |
| 326 | 326.UI Design Professional UI design and frontend interface guidelines. An agent skill from LeoYeAI/openclaw-master-skills. | LeoYeAI/ | 2.2k | 1 repo | ~3.1k | Automated safety check: Pass | MIT | 2 mo ago |
| 327 | 327.Omd Harness 사용자와 단계별로 검토하는 guided design harness. An agent skill from kwakseongjae/oh-my-design. | kwakseongjae/ | 531 | — | ~6.6k | Automated safety check: Pass | MIT | 8 days ago |
| 328 | 328.UI UX Pro Max UI/UX design intelligence with 50+ styles, 161 palettes, 57 font pairings, 99 UX guidelines, and 25 chart types. | assafkip/ | 112 | — | ~1.4k | Automated safety check: Pass | MIT | yesterday |
| 329 | A skill your agent uses when implementing screenshot-driven or narrow Rudder UI polish: density, alignment, spacing, labels, cards, menus, hover states, empty states, onboarding steps, redundant… | Undertone0809/ | 292 | — | ~2.3k | Automated safety check: Pass | Apache-2.0 | today |
| 330 | Dung khi can TAO RA anh hoac prompt anh bang AI — anh thuong hieu ca nhan, logo, key visual campaign, anh dang hang ngay, editorial, infographic, mockup web, quote graphic. | minhnv0807/ | 610 | — | ~4.5k | Automated safety check: Pass | MIT | 27 days ago |
| 331 | 331.Morph Ppt 3D 3D Morph PPT - extends morph-ppt with GLB model insertion, cinematographic camera, model-content layout, and enriched visual design system. | FerroxLabs/ | 608 | 4 repos | ~6.4k | Automated safety check: Pass | AGPL-3.0 | 3 days ago |
| 332 | 332.Brandalf Guides creation, revision, and review of Warp- or Oz-branded assets. | warpdotdev/ | 611 | — | ~377 | Automated safety check: Pass | MIT | yesterday |
| 333 | 333.Stitch CLI Drives Google Stitch (stitch.withgoogle.com), the AI UI design tool, via the cli-web-stitch command-line tool — create design projects from text prompts, iterate on designs with AI… | ItamarZand88/ | 231 | — | ~842 | Automated safety check: Pass | MIT | 8 days ago |
| 334 | 334.Stitch CLI Use cli-web-stitch to interact with Google Stitch AI design tool — create UI designs from text prompts, list and manage design projects (rename, duplicate, download), view and download generated… | ItamarZand88/ | 231 | — | ~1.3k | Automated safety check: Pass | MIT | 8 days ago |
| 335 | Evaluate-Loop Step 4: EVALUATE EXECUTION. An agent skill from Ibrahim-3d/orchestrator-supaconductor. | Ibrahim-3d/ | 381 | — | ~1.7k | Automated safety check: Pass | AGPL-3.0 | 11 days ago |
| 336 | 336.Icon System Specify an icon system — grid, sizing, stroke weight, naming, categories, and implementation. | Owl-Listener/ | 2.9k | 1 repo | ~282 | 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