Responsive Web Design
by aj-geddes3f5182cfd739No license355 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 7 months ago
Create responsive layouts using CSS Grid, Flexbox, media queries, and mobile-first design. Use when building adaptive interfaces that work across all devices.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| references/css-grid-responsive-layout.md | 1004 B | text/markdown |
| references/flexbox-responsive-navigation.md | 1.4 KB | text/markdown |
| references/mobile-first-media-query-strategy.md | 1022 B | text/markdown |
| references/responsive-cards-component.md | 1.4 KB | text/markdown |
| references/responsive-typography.md | 597 B | text/markdown |
| SKILL.md | 2.1 KB | text/markdown |
| templates/component-template.tsx | 318 B | text/plain |
Source and attribution
Source:aj-geddes/useful-ai-promptsinskills/responsive-web-designat commit3f5182c
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from aj-geddes/useful-ai-prompts
Xss Prevention
aj-geddes
Prevent Cross-Site Scripting (XSS) attacks through input sanitization, output encoding, and Content Security Policy. Use when handling user-generated content in web applications.
Wireframe Prototyping
aj-geddes
Create wireframes and interactive prototypes to visualize user interfaces and gather feedback early. Use tools and techniques to communicate design ideas before development.
Web Performance Optimization
aj-geddes
Guides web performance optimization through code splitting, lazy loading, caching, compression, and monitoring.
Vue Application Structure
aj-geddes
Guides structuring Vue 3 applications with the Composition API, component organization, and TypeScript.
Visual Regression Testing
aj-geddes
Guides visual regression testing of UI by comparing screenshots across versions to catch unintended visual changes.
User Persona Creation
aj-geddes
Creates research-based user personas to guide product design, prioritization and messaging.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.