Topic · Frontend & Design
Best responsive design skills, page 3
Responsive design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 97 | Complete browser automation with Playwright. An agent skill from AratKruglik/claude-laravel. | AratKruglik/ | 155 | 9 repos | ~3.5k | Automated safety check: Pass | No licence | 5 mo ago |
| 98 | Generate a mobile-first, immersive, Amap(Gaode)-style custom landmark marker HTML map for travel itinerary planning, place showcasing, location sharing, etc. | OpenMinis/ | 440 | — | ~1.9k | Automated safety check: Pass | MIT | 2 days ago |
| 99 | Cache the parts of the prompt that don't change so a long-running loop stops paying full price on every turn. | Archive228/ | 755 | — | ~735 | Automated safety check: Pass | MIT | 2 mo ago |
| 100 | Builds Flutter layouts using the constraint system and layout widgets. | btwld/ | 129 | — | ~1.5k | Automated safety check: Pass | BSD-3-Clause | 10 days ago |
| 101 | Load this skill for any project with a user interface that must work across screen sizes and input methods, such as websites, web apps, dashboards, marketing pages, emails, or design systems. | planetabhi/ | 111 | — | ~1k | Automated safety check: Pass | Unknown | 2 days ago |
| 102 | 102.Dotnet UI Builds .NET UI apps across Blazor (Server, WASM, Hybrid, Auto), MAUI (XAML, MVVM, Shell, Native AOT), Uno Platform (MVUX, Extensions, Toolkit), WPF (.NET 8+, Fluent theme), WinUI 3 (Windows App SDK… | novotnyllc/ | 233 | — | ~1.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 103 | Audits OpenClaw frontend code and rendered pages for token misuse, reimplemented primitives, accessibility and responsive defects and off-brand copy, with an evidence-based report. | openclaw/ | 9.5k | — | ~498 | Automated safety check: Pass | MIT | yesterday |
| 104 | 104.Playwright Skill Complete browser automation with Playwright. An agent skill from tech-leads-club/agent-skills. | tech-leads-club/ | 7k | — | ~3.6k | Automated safety check: Pass | Unknown | 17 days ago |
| 105 | 105.Tns Review Review changed Touch'N'Stars code with three parallel agents, one each for functionality, UI and maintainability, against this project's own rules (NINA/PINS dual mode, polling contract… | Touch-N-Stars/ | 123 | — | ~1.7k | Automated safety check: Pass | GPL-3.0 | yesterday |
| 106 | 106.UI Design System UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. | maslennikov-ig/ | 259 | 4 repos | ~265 | Automated safety check: Pass | Unknown | 7 mo ago |
| 107 | Build accessible, responsive, and performant frontend components with design system best practices, modern CSS, and framework-agnostic patterns. | jamesrochabrun/ | 215 | — | ~4.1k | Automated safety check: Pass | MIT | 8 mo ago |
| 108 | 108.Responsive CSS Writing CSS and markup that works on phone and desktop at the same time, the responsive failures Claude repeats. | TheDecipherist/ | 338 | — | ~2.2k | Automated safety check: Pass | MIT | 3 mo ago |
| 109 | Review or design an iOS interface for iPhone Duo's poses — closed, open, book-folded, tabletop and tent — covering side-mounted controls, asymmetric layouts, fold avoidance, sheets, and how to use… | mirzaaghazadeh/ | 137 | — | ~2.2k | Automated safety check: Pass | Unknown | 7 days ago |
| 110 | Tailwind CSS v4 principles. An agent skill from xenitV1/Antigravity-Workflows. | xenitV1/ | 130 | 7 repos | ~1.7k | Automated safety check: Pass | MIT | 8 mo ago |
| 111 | Design multi-device layouts with Container Queries, clamp() fluid typography, :has() selector, subgrid, and modern CSS units (dvh/svh/lvh). | EliasOulkadi/ | 114 | — | ~3.2k | Automated safety check: Pass | MIT | 3 days ago |
| 112 | Create or update OpenClaw public-page composition for websites, landing pages, content pages, ecosystem pages, and campaigns. | openclaw/ | 9.5k | — | ~434 | Automated safety check: Pass | MIT | yesterday |
| 113 | 113.Uview Pro Vue3 Provides comprehensive guidance for uView Pro Vue 3 component library including components, tools, layouts, and templates. | feige996/ | 2.3k | — | ~2.4k | Automated safety check: Pass | Apache-2.0 | 22 days ago |
| 114 | 114.Tailwindcss Tailwind CSS v4 utility-first styling patterns including responsive design, dark mode, and custom configuration. | blencorp/ | 106 | — | ~2.2k | Automated safety check: Pass | MIT | 10 mo ago |
| 115 | 115.CSS Expert CSS expert for flexbox, grid, animations, responsive design, and modern layout techniques | RightNow-AI/ | 18k | — | ~788 | Automated safety check: Pass | Apache-2.0 | 3 mo ago |
| 116 | 116.Debugging Wizard A skill your agent uses when investigating errors, analyzing stack traces, or finding root causes of unexpected behavior. | AratKruglik/ | 155 | — | ~832 | Automated safety check: Pass | No licence | 5 mo ago |
| 117 | CSS architecture and styling expert with deep knowledge of modern CSS features, responsive design, CSS-in-JS optimization, performance, accessibility, and design systems. | cin12211/ | 223 | — | ~4.6k | Automated safety check: Pass | MIT | 16 days ago |
| 118 | Design premium Three.js game UI: HUDs, menus, overlays, pause/win/lose screens, settings, icon controls, touch UI, typography, responsive layout, safe areas, text fit, and UI/world cohesion. | valkor-ai/ | 1.2k | 1 repo | ~591 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 119 | 119.Debugging Code Interactively debug source code — set breakpoints, step through execution line by line, inspect live variable state, evaluate expressions against the running program, and navigate the call stack to… | sickn33/ | 47k | 1 repo | ~3.1k | Automated safety check: Pass | MIT | yesterday |
| 120 | Applies systematic tracing and isolation techniques to pinpoint exactly where a bug originates in code. | rohitg00/ | 1.5k | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 121 | Adapt a Flutter app to iPhone Duo, Apple's first foldable iPhone — what MediaQuery gives you today, why displayFeatures does not work here, and how to bridge the iOS 27.1 reserved-region, hinge and… | mirzaaghazadeh/ | 137 | — | ~1.6k | Automated safety check: Pass | Unknown | 7 days ago |
| 122 | This skill provides comprehensive guidance for SAP Business Application Studio (BAS), the cloud-based IDE on SAP BTP built on Code-OSS. | secondsky/ | 460 | — | ~2.7k | Automated safety check: Pass | GPL-3.0 | 2 days ago |
| 123 | A skill your agent uses when building native Android with Jetpack Compose - stateless composables, state hoisting, ViewModel-owned state, edge-to-edge, predictive back, adaptive layout, atomic… | makifbaysal/ | 109 | — | ~1.9k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 124 | 124.AI Native UI Web and App implementation guide for AI Native UI. An agent skill from sickn33/agentic-awesome-skills. | sickn33/ | 47k | 1 repo | ~2.7k | Automated safety check: Pass | MIT | yesterday |
| 125 | Build, fix, review, and validate adaptive or responsive Flutter UIs for mobile, tablet, desktop, web, large screens, foldables, and mixed input devices. | MADTeacher/ | 110 | — | ~1.5k | Automated safety check: Pass | MIT | 5 mo ago |
| 126 | Expert blueprint for responsive UI layouts using Container nodes (HBoxContainer, VBoxContainer, GridContainer, MarginContainer, ScrollContainer, HFlowContainer, SubViewportContainer). | thedivergentai/ | 803 | — | ~3.7k | Automated safety check: Pass | LGPL-3.0 | 28 days ago |
| 127 | 127.Bmad UX Solutioning-phase UX planning skill (optional; activate when the project has a UI). | aj-geddes/ | 487 | — | ~2k | Automated safety check: Notes | Unknown | 3 mo ago |
| 128 | Configure and verify optional cross-device portal login, QR activation, explicit approval, browser binding, cancellation, and lifecycle through Caddy. | greenpau/ | 2.3k | — | ~2.3k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 129 | Review UI code for Web Interface Guidelines compliance. An agent skill from CloudAI-X/claude-workflow-v2. | CloudAI-X/ | 1.4k | — | ~1.7k | Automated safety check: Pass | MIT | yesterday |
| 130 | This skill should be used when enhancing the visual design and aesthetics of Next.js web applications. | ailabs-393/ | 454 | — | ~3k | Automated safety check: Pass | MIT | 11 mo ago |
| 131 | AOSP Part XII — AI & Devices. An agent skill from aospbooks/aosp-internal-book. | aospbooks/ | 138 | — | ~411 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 132 | 132.I Audit Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. | boussadjra/ | 111 | 4 repos | ~1.6k | Automated safety check: Pass | MIT | 2 days ago |
| 133 | Expert debugging and profiling for leaks, GPU/Visual Profiler, headless CI QA, orphan nodes, thread-safe logs, and custom Debugger monitors — not print/breakpoint tutorials. | thedivergentai/ | 803 | — | ~3.3k | Automated safety check: Pass | LGPL-3.0 | 28 days ago |
| 134 | A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use transform and opacity for animations. | thedaviddias/ | 74k | — | ~529 | Automated safety check: Pass | MIT | yesterday |
| 135 | A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use container queries for component-level responsiveness. | thedaviddias/ | 74k | — | ~526 | Automated safety check: Pass | MIT | yesterday |
| 136 | 136.CSS Containment A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use CSS containment to limit repaint scope. | thedaviddias/ | 74k | — | ~512 | Automated safety check: Pass | MIT | yesterday |
| 137 | A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use CSS custom properties for design tokens. | thedaviddias/ | 74k | — | ~492 | Automated safety check: Pass | MIT | yesterday |
| 138 | 138.Dark Mode CSS A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Support dark mode with prefers-color-scheme. | thedaviddias/ | 74k | — | ~520 | Automated safety check: Pass | MIT | yesterday |
| 139 | 139.Focus Styles A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Provide visible custom focus indicators. | thedaviddias/ | 74k | — | ~639 | Automated safety check: Pass | MIT | yesterday |
| 140 | 140.Font Size A skill your agent uses when applies to all CSS font-size declarations, particularly those using px units for body text, UI labels, and navigation. | thedaviddias/ | 74k | — | ~896 | Automated safety check: Pass | MIT | yesterday |
| 141 | A skill your agent uses when applies to all CSS layout rules. | thedaviddias/ | 74k | — | ~905 | Automated safety check: Pass | MIT | yesterday |
| 142 | A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use CSS logical properties for i18n and RTL support. | thedaviddias/ | 74k | — | ~526 | Automated safety check: Pass | MIT | yesterday |
| 143 | 143.Orientation A skill your agent uses when reviewing mobile-first layouts, tablet experiences, fullscreen flows, forms, dashboards, or media interfaces. | thedaviddias/ | 74k | — | ~625 | Automated safety check: Pass | MIT | yesterday |
| 144 | 144.Viewport Zoom A skill your agent uses when applies to any <meta name='viewport' element in HTML documents. | thedaviddias/ | 74k | — | ~890 | Automated safety check: Pass | MIT | yesterday |
Explore related skills
Category
More topics in Frontend & Design
- Accessibility1,046
- Design systems858
- UI design489
- React components461
- Landing pages455
- Internationalization415
- Typography404
- Design tokens393
- CSS and styling357
- Theming and dark mode351
- Frontend development337
- Web performance315
- State management295
- HTML artifacts275
- Static sites and blogs270
- UX design266
- Web animation and motion195
- Forms and validation189
- Design to code90
- Icons and illustration63