Topic · Frontend & Design
Best UI design skills, page 8
UI design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 337 | 337.Brandalf Guides creation, revision, and review of Warp- or Oz-branded assets. | warpdotdev/ | 608 | — | ~377 | Automated safety check: Pass | MIT | yesterday |
| 338 | Evaluate-Loop Step 4: EVALUATE EXECUTION. An agent skill from Ibrahim-3d/orchestrator-supaconductor. | Ibrahim-3d/ | 380 | — | ~1.7k | Automated safety check: Pass | AGPL-3.0 | 11 days ago |
| 339 | 339.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 |
| 340 | 340.Wireframe Spec Specify wireframe layout — content priority, component placement, and annotation. | Owl-Listener/ | 2.9k | 1 repo | ~432 | Automated safety check: Pass | MIT | 1 mo ago |
| 341 | 341.UI Craft A skill your agent uses for UI design and implementation work to avoid generic AI-looking interfaces. | educlopez/ | 371 | — | ~9.5k | Automated safety check: Pass | MIT | 1 mo ago |
| 342 | Create interactive in-app charts (bar, line, pie). An agent skill from aws-samples/sample-strands-agent-with-agentcore. | aws-samples/ | 195 | — | ~697 | Automated safety check: Pass | MIT | 2 days ago |
| 343 | 343.Ijfw UI Spec A skill your agent uses when the user says: 'ui spec', 'design contract', 'ui audit setup', 'lock the design', 'visual contract', 'ui review setup', or '/ijfw-ui-spec'. | FerroxLabs/ | 212 | — | ~1.9k | Automated safety check: Notes | MIT | 3 days ago |
| 344 | 344.Mcaf UI UX Use UI/UX engineering guidance for design systems, accessibility, front-end technology selection, and design-to-development collaboration. | managedcode/ | 138 | — | ~888 | Automated safety check: Pass | MIT | 2 days ago |
| 345 | 345.UI Mockup Orchestrator for WebView UI mockup workflow - delegates design iteration to ui-design-agent and implementation scaffolding to ui-finalization-agent. | glittercowboy/ | 216 | — | ~3.3k | Automated safety check: Pass | No licence | 10 mo ago |
| 346 | A skill your agent uses when designing UI components, reviewing frontend code, choosing colors, spacing, typography, or layout. | aaddrick/ | 130 | — | ~1k | Automated safety check: Pass | MIT | 7 mo ago |
| 347 | Audit a stale, inherited, or messy codebase — deps, bugs, security, tests, CI, docs, UI/UX — then emit a phased, testable modernization plan. | luongnv89/ | 131 | — | ~5k | Automated safety check: Pass | MIT | yesterday |
| 348 | 348.UI Design Unify product UI design, frontend implementation, and verification. | AnastasiyaW/ | 154 | — | ~2.4k | Automated safety check: Pass | MIT | yesterday |
| 349 | Production prompt director for GPT Image 2 (imagegen20). An agent skill from alecs5am/ralphy. | alecs5am/ | 136 | — | ~2.9k | Automated safety check: Pass | MIT | 16 days ago |
| 350 | 350.UI Design System UI design system toolkit covering design tokens, component documentation, responsive calculations, and developer handoff. | borghei/ | 881 | — | ~3.8k | Automated safety check: Pass | MIT | yesterday |
| 351 | Frontend UI design system selector and implementation guide covering Glassmorphism, Liquid Glass (Apple-style), Neubrutalism, and Claymorphism. | telagod/ | 243 | — | ~538 | Automated safety check: Pass | MIT | 2 mo ago |
| 352 | Generates a lecture PowerPoint from an intelligent textbook using pptxgenjs — visual design, 4-act storytelling structure, and speaker notes. | dmccreary/ | 105 | — | ~2k | Automated safety check: Pass | No licence | yesterday |
| 353 | Batch-generate and compare visual design directions so a user can choose the style they actually want. | daymade/ | 1.4k | — | ~1.2k | Automated safety check: Pass | MIT | today |
| 354 | 354.App UI Design Mobile app UI design expert for iOS and Android. An agent skill from majiayu000/spellbook. | majiayu000/ | 286 | — | ~2.9k | Automated safety check: Pass | MIT | yesterday |
| 355 | Product interaction and UX expert. An agent skill from majiayu000/spellbook. | majiayu000/ | 286 | — | ~3.1k | Automated safety check: Pass | MIT | yesterday |
| 356 | 356.Xiaohongshu 生成小红书文案和配图。当用户需要写小红书、生成社交媒体文案、小红书运营内容时使用. An agent skill from majiayu000/spellbook. | majiayu000/ | 286 | — | ~2k | Automated safety check: Notes | MIT | yesterday |
| 357 | 357.Taste Mandatory preflight for web frontend visual design. An agent skill from asgeirtj/system_prompts_leaks. | asgeirtj/ | 69k | — | ~506 | Automated safety check: Pass | CC0-1.0 | yesterday |
| 358 | Choose prototype fidelity and method to match the design question and the decision at stake. | Owl-Listener/ | 2.9k | 1 repo | ~465 | Automated safety check: Pass | MIT | 1 mo ago |
| 359 | 359.Design Context Refresh UI/UX context from design system, Storybook, and codebase | WellApp-ai/ | 345 | — | ~659 | Automated safety check: Pass | MIT | yesterday |
| 360 | Create effective, publication-ready data visualizations. An agent skill from nimrodfisher/data-analytics-skills. | nimrodfisher/ | 465 | — | ~795 | Automated safety check: Pass | MIT | 13 days ago |
| 361 | 361.Vision See and understand images when you (the current model) have no native vision. | aiskillstore/ | 430 | 1 repo | ~1.1k | Automated safety check: Pass | No licence | yesterday |
| 362 | 362.Typography Audit Audits font loading, type scales, measure, spacing, OpenType, and rendered punctuation with 78 scoped rules. | mblode/ | 143 | — | ~1.6k | Automated safety check: Pass | MIT | 3 days ago |
| 363 | 363.UI Design Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with worst-case data. | mblode/ | 143 | — | ~6.3k | Automated safety check: Pass | MIT | 3 days ago |
| 364 | 364.Web Design Lane-stack web-designer router. An agent skill from VKirill/claude-lane-stack. | VKirill/ | 122 | — | ~1.1k | Automated safety check: Pass | MIT | 2 days ago |
| 365 | 365.Anti UI Slop Stop coding agents from shipping generic UI. An agent skill from davepoon/buildwithclaude. | davepoon/ | 3.6k | — | ~855 | Automated safety check: Pass | MIT | 2 days ago |
| 366 | Generates high-fidelity visual assets, logos, and UI mockups using the media-management MCP server. | forcedotcom/ | 1.1k | — | ~966 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 367 | Design the small details -- triggers, rules, feedback, loops and modes -- that separate good products from great ones. | wondelai/ | 2.4k | — | ~3.8k | Automated safety check: Pass | MIT | 28 days ago |
| 368 | 368.UX Heuristics Evaluate and improve interface usability using heuristic analysis. | wondelai/ | 2.4k | — | ~4.1k | Automated safety check: Pass | MIT | 28 days ago |
| 369 | Audits already-rendered UI — web app, deck/slide, dashboard, design-system, or Electron/native app — via real-browser/native-app journeys and a Playwright sweep. | daymade/ | 1.4k | — | ~7.7k | Automated safety check: Pass | MIT | today |
| 370 | 370.Editor Read analyst.json and detective.json, make all editorial decisions — what the blog argues, which findings matter, narrative arc and section structure. | QinghongLin/ | 156 | — | ~3.9k | Automated safety check: Pass | MIT | 3 mo ago |
| 371 | Shared UI/visual-design rule library for building polished, distinctive, multimedia-rich self-contained HTML stories. | QinghongLin/ | 156 | — | ~1.5k | Automated safety check: Pass | MIT | 3 mo ago |
| 372 | 372.Implement Load code-style and task-specific skills, make the change described by the current context, then run post-implementation QA. | tobihagemann/ | 407 | — | ~1.9k | Automated safety check: Pass | MIT | yesterday |
| 373 | 373.Preview Stand up the project's live app and hand it to the user to try a change firsthand, then act on their verdict once they reply. | tobihagemann/ | 407 | — | ~1.3k | Automated safety check: Pass | MIT | yesterday |
| 374 | Apply the foundational reasoning of a senior UI/UX designer to interface decisions, BEFORE and WHILE generating UI, not just styling it afterward. | davidortinau/ | 174 | — | ~1.7k | Automated safety check: Pass | MIT | 3 mo ago |
| 375 | 根据品牌名称从 getdesign.md 自动获取设计规范并生成匹配风格的 UI 代码。支持 62 个顶级品牌风格(苹果/Apple、Notion、Claude、Stripe 等),支持中英文品牌名、混搭风格。当用户提到"XX风格"、"做成XX的感觉"、"参考XX设计"时触发。 | SpaceZephyr/ | 174 | — | ~1.1k | Automated safety check: Pass | No licence | 3 mo ago |
| 376 | 376.SEO Audits and fixes technical SEO, researches search demand, creates content briefs, and measures SEO, AEO and GEO performance. | mblode/ | 143 | — | ~2.1k | Automated safety check: Pass | MIT | 3 days ago |
| 377 | 377.Brand Agency Applies Agency brand colors and typography to artifacts including presentations, SVG graphics, documents, and web interfaces. | glebis/ | 389 | — | ~1.6k | Automated safety check: Pass | MIT | 12 days ago |
| 378 | 378.UI Composition A skill your agent uses when building layouts, choosing colours, setting typography, establishing visual hierarchy, designing responsive behaviour, or making any visual design decision — ensures… | Owl-Listener/ | 251 | — | ~1.2k | Automated safety check: Pass | MIT | 3 mo ago |
| 379 | Expert prompt engineering for FLUX.2 [klein] image generation and editing model. | AnastasiyaW/ | 154 | — | ~2.8k | Automated safety check: Pass | MIT | yesterday |
| 380 | 提供 UI/UX 设计、用户研究、视觉设计和品牌一致性能力。当需要设计界面、进行用户研究或创建视觉资产时使用. An agent skill from Prorise-cool/Claude-Code-Multi-Agent. | Prorise-cool/ | 305 | — | ~361 | Automated safety check: Pass | No licence | 23 days ago |
| 381 | Summarize commits merged to origin/main as two outputs: internal release notes (categorized into Features, UI Polish, Testing, CI, Cleanup) and user-facing release notes (What's new, Improvements… | imbue-ai/ | 236 | — | ~3.1k | Automated safety check: Pass | MIT | yesterday |
| 382 | 382.UI Review Review UI designs and implementations for accessibility, consistency, usability, and visual quality. | espennilsen/ | 122 | — | ~1.4k | Automated safety check: Pass | MIT | 17 days ago |
| 383 | 383.Design Auditor Audit UI/UX designs for quality, AI-generated slop, and accessibility. | borghei/ | 881 | — | ~1.4k | Automated safety check: Pass | MIT | yesterday |
| 384 | 384.Product Designer Product design across UI/UX, design systems, prototyping, and user research. | borghei/ | 881 | — | ~3.1k | Automated safety check: Pass | MIT | yesterday |
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