Topic · Frontend & Design
Best responsive design skills, page 2
Responsive design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 49 | Styles applications using Tailwind CSS v3 utilities. An agent skill from OpenLitterMap/openlittermap-web. | OpenLitterMap/ | 134 | — | ~713 | Automated safety check: Pass | MIT | 23 days ago |
| 50 | Use ONLY when working in the docker-acarshub repository AND building UI -- React components, SCSS modules, theme variables, accessibility, mobile responsiveness, Catppuccin color usage, Zustand… | sdr-enthusiasts/ | 117 | — | ~1.1k | Automated safety check: Pass | GPL-3.0 | today |
| 51 | Building dashboards in Streamlit. An agent skill from iusztinpaul/designing-real-world-ai-agents-workshop. | iusztinpaul/ | 513 | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 52 | 52.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 | yesterday |
| 53 | Use LayoutBuilder, MediaQuery, or Expanded/Flexible to create a layout that adapts to different screen sizes. | abdulmominsakib/ | 261 | 1 repo | ~1.7k | Automated safety check: Pass | MIT | yesterday |
| 54 | 54.Ij Debugger Debugger-first runtime root-cause analysis for JVM code in IntelliJ IDEA. | xpinjection/ | 112 | — | ~6.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 55 | 55.Preview Create an interactive HTML preview of any proposal, plan, idea, doc, brief, or spec and land it in the browsable local Preview Library by default (opens under file:// with a catalog sidebar and… | hanamizuki/ | 152 | — | ~5.2k | Automated safety check: Pass | MIT | 11 days ago |
| 56 | 56.Roblox UI Build production Roblox interfaces with ScreenGui/PlayerGui lifecycle, responsive UDim2 layouts, safe insets, reusable editable Instances, cross-device input and selection, restrained motion… | gamedev-skills/ | 1.4k | — | ~2.9k | Automated safety check: Pass | Apache-2.0 | 11 days ago |
| 57 | Designs layout systems and responsive interfaces including grid systems, flexbox patterns, sidebar layouts, and responsive breakpoints. | ancoleman/ | 526 | — | ~1.7k | Automated safety check: Pass | MIT | 10 mo ago |
| 58 | 58.Audit Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. | growupanand/ | 101 | 6 repos | ~1.9k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 59 | 59.Modern CSS Specialized knowledge for writing modern high-quality CSS. An agent skill from pass-agent/loomkin. | pass-agent/ | 181 | — | ~3.8k | Automated safety check: Pass | MIT | 4 mo ago |
| 60 | Orchestrates macro-level UI architecture, complex Jetpack Compose structures, and screen-to-screen flows. | nekomangaorg/ | 2.8k | — | ~1.3k | Automated safety check: Pass | Apache-2.0 | today |
| 61 | 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/ | 296 | — | ~1.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 62 | Debug Java applications in Eclipse — set breakpoints, launch in debug mode, step through code, inspect stack traces, evaluate expressions, and hot-swap code changes. | gradusnikov/ | 171 | — | ~1.3k | Automated safety check: Pass | MIT | 10 days ago |
| 63 | A skill your agent uses when designing, reviewing, or implementing Android UI or features for phones, tablets, foldables, ChromeOS, desktop windowing, Wear OS, Android TV, Android for Cars, Android… | zoonk/ | 157 | — | ~1.1k | Automated safety check: Pass | MIT | 5 days ago |
| 64 | Asks one clarifying question at a time, then builds two or three single-file HTML prototypes checked across phone, tablet, and desktop widths. | huiliyi37/ | 1.1k | — | ~415 | Automated safety check: Pass | Apache-2.0 | today |
| 65 | The reference agents' cache-stable request assembly, covering the static system and per-request context split, the fixed tool list, the rolling conversation breakpoint, which config fields are… | anthropics/ | 3.2k | — | ~2k | Automated safety check: Pass | Apache-2.0 | 6 days ago |
| 66 | A skill your agent uses for UI/UX design intelligence in Codex: planning, building, reviewing, improving, or implementing web/mobile interfaces, landing pages, dashboards, design systems… | Jason904/ | 144 | — | ~865 | Automated safety check: Pass | MIT | 3 mo ago |
| 67 | Builds and revises polished offline HTML reports, landing pages, infographics and interactive visualizations as a single file, with viewport QA before delivery. | SourceWeft/ | 166 | — | ~817 | Automated safety check: Pass | Unknown | today |
| 68 | 68.Ostack Fast headless browser for QA testing and site dogfooding. An agent skill from mr-daedalium/ostack-saas. | mr-daedalium/ | 114 | — | ~6.1k | Automated safety check: Notes | MIT | 6 mo ago |
| 69 | Guides visual design and polish for the Aholo Viewer website and Playground, staying inside the existing Astro site and scoped CSS layers with a restrained technical tone. | manycoretech/ | 1.1k | — | ~348 | Automated safety check: Pass | Apache-2.0 | today |
| 70 | Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. | aAAaqwq/ | 105 | 2 repos | ~2.7k | Automated safety check: Pass | MIT | 10 days ago |
| 71 | Displays chronological events and activity through timelines, activity feeds, Gantt charts, and calendar interfaces. | ancoleman/ | 526 | — | ~2.7k | Automated safety check: Pass | MIT | 10 mo ago |
| 72 | Generate a self-contained, beautifully styled HTML analysis of an academic paper. | ysyecust/ | 270 | — | ~1.3k | Automated safety check: Pass | Unknown | 5 days ago |
| 73 | SCSS and JS structural patterns for OUDS Web components. An agent skill from Orange-OpenSource/Orange-Boosted-Bootstrap. | Orange-OpenSource/ | 222 | — | ~773 | Automated safety check: Pass | MIT | today |
| 74 | A checklist for UI changes that touch colors, surfaces or theme code, making sure light and dark modes, devices, states and layering all still work. | ZeroDeng01/ | 1.7k | — | ~1.4k | Automated safety check: Pass | MIT | today |
| 75 | Guide for migrating viewport media queries (@media, useMedia, and screen:-prefixed responsive props) to container queries in Sentry's frontend. | getsentry/ | 46k | — | ~2.4k | Automated safety check: Pass | Unknown | today |
| 76 | 76.Ppt Gen Generate fully editable, high-quality PPTX with python-pptx based on the user's topic, materials, or business goals; defaults to a general-purpose "dark gilded elegant" visual system, with adaptive… | qualcomm/ | 246 | — | ~2k | Automated safety check: Pass | Unknown | today |
| 77 | A skill your agent uses when building or reviewing UI with Bootstrap 5.3 — setting up the CDN/npm, using the grid & breakpoints, utility classes (spacing/color/flex/display), components (navbar… | BlueAndi/ | 443 | — | ~2k | Automated safety check: Pass | MIT | today |
| 78 | Design and build two-pane experiences for iPhone Duo — the real pixel and point dimensions of each display and each half, the exact hinge callback types (onHingeChange / UIHingeInteraction)… | mirzaaghazadeh/ | 142 | — | ~4.2k | Automated safety check: Pass | Unknown | yesterday |
| 79 | Apple Human Interface Guidelines for iPad. An agent skill from ehmo/platform-design-skills. | ehmo/ | 606 | — | ~6.4k | Automated safety check: Pass | MIT | 6 mo ago |
| 80 | Reverse-engineer a design system from a live website (public URL or localhost). | espennilsen/ | 122 | — | ~2k | Automated safety check: Pass | MIT | 16 days ago |
| 81 | Produces an implementation-ready spec from a finished design, covering layout, tokens, states, responsive behavior, edge cases, motion and accessibility, so engineers do not have to guess. | getcrew44/ | 356 | — | ~680 | Automated safety check: Pass | MIT | 3 mo ago |
| 82 | Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS. | LiarMTTT/ | 150 | — | ~1.7k | Automated safety check: Pass | Unknown | 3 days ago |
| 83 | 83.UI Craft Design, build, redesign, or modify browser-visible web interfaces with product-quality composition, visual systems, interaction states, responsive behavior, accessibility, and browser visual QA. | MemTensor/ | 2.1k | — | ~2.9k | Automated safety check: Pass | MIT | today |
| 84 | Compose screen and interaction traps: navigation, adaptive layout, window insets, pagers, toolbars, sheets, list drag and selection, sliders, text fields, settings UI, one-shot effects. | maxrave-dev/ | 1k | — | ~5.5k | Automated safety check: Pass | GPL-3.0 | 13 days ago |
| 85 | Styles applications using Tailwind CSS v4 utilities. An agent skill from slimani-dev/muraqib. | slimani-dev/ | 128 | — | ~970 | Automated safety check: Pass | MIT | 8 days ago |
| 86 | Frontend conventions and component usage rules. An agent skill from letehaha/moneymatter. | letehaha/ | 160 | — | ~3.8k | Automated safety check: Pass | AGPL-3.0 | today |
| 87 | Enforce Tailwind container queries over viewport breakpoints for responsive components. | flornkm/ | 150 | — | ~1.1k | Automated safety check: Pass | No licence | today |
| 88 | Maintain DomoDomo’s dark visual system, responsive layouts, accessible interactions, brand consistency, and component ergonomics. | darknecrocities/ | 239 | — | ~17k | Automated safety check: Pass | No licence | yesterday |
| 89 | Inspect and analyze uniclipboard's local JSONL logs on a SINGLE machine — query, filter, and time-merge the per-role (gui/daemon/cli) log files to answer "what just happened" or trace a symptom… | UniClipboard/ | 1.9k | — | ~2.6k | Automated safety check: Pass | AGPL-3.0 | today |
| 90 | Responsive (mobile + desktop) layout workflow. An agent skill from epam/ai-dial-chat. | epam/ | 504 | — | ~2.7k | Automated safety check: Pass | Apache-2.0 | today |
| 91 | Pneuma WebCraft Mode workspace guidelines with Impeccable.style design intelligence. | pandazki/ | 162 | — | ~7.5k | Automated safety check: Notes | MIT | 10 days ago |
| 92 | Use the built-in OmniLink collaboration primitives to inspect trusted devices, compose cross-device event workflows, send messages to another Xiaowan, and continue after reconnect. | omnimind-ai/ | 2k | — | ~593 | Automated safety check: Pass | Unknown | today |
| 93 | Web platform design and accessibility guidelines. An agent skill from ehmo/platform-design-skills. | ehmo/ | 606 | — | ~9.7k | Automated safety check: Pass | MIT | 6 mo ago |
| 94 | This skill enables visual inspection of websites running locally or remotely to identify and fix design issues. | github/ | 40k | 3 repos | ~2.6k | Automated safety check: Pass | MIT | today |
| 95 | 95.Browser QA Run automated post-deploy UI verification with a browser automation MCP (claude-in-chrome, Playwright, or Puppeteer): console-error and Core Web Vitals smoke checks, form and auth-flow interaction… | affaan-m/ | 275k | 2 repos | ~1k | Automated safety check: Pass | MIT | 3 days ago |
| 96 | Decides where CometChat chat UI goes in an Angular app: a dedicated route, a dashboard panel, a support widget or the full multi-pane app, with thread and search panels. | cometchat/ | 130 | — | ~2.2k | Automated safety check: Pass | MIT | 2 days ago |
Explore related skills
Category
More topics in Frontend & Design
- Accessibility1,033
- Design systems836
- UI design478
- 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
- Web animation and motion190
- Forms and validation180
- Design to code104
- Icons and illustration64