メニュー
Responsive design patterns for mobile apps including adaptive layouts, safe areas, screen size handling, and platform-specific styling. Use when building responsive UI or handling different screen sizes.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Google File Search API patterns for managed RAG with Gemini. Covers both TypeScript (@google/genai) and Python (google-genai) SDKs. Use when building File Search integrations, implementing RAG with Google AI, or when user mentions Google File Search, Gemini RAG, document indexing, or semantic search.
BullMQ queue configuration patterns including connection pooling, job options, rate limiting, and TypeScript types. Use when setting up queues or configuring job behavior.
BullMQ worker implementation patterns including job processors, concurrency, error handling, and graceful shutdown. Use when creating workers or handling job processing.
DigitalOcean Managed Database provisioning and connection patterns
DigitalOcean networking patterns - VPCs, firewalls, load balancers, DNS
DigitalOcean Spaces (S3-compatible) object storage patterns
| name | responsive-design |
| description | Responsive design patterns for mobile apps including adaptive layouts, safe areas, screen size handling, and platform-specific styling. Use when building responsive UI or handling different screen sizes. |
| allowed-tools | Bash, Read, Write, Edit, Grep, Glob, WebFetch |
Comprehensive skill for building responsive layouts in React Native/Expo mobile apps.
Mobile responsive design requires:
This skill is automatically invoked when:
| Template | Description |
|---|---|
templates/responsive.ts | Responsive dimension utilities |
templates/safe-view.tsx | Safe area wrapper component |
templates/typography.tsx | Responsive text components |
templates/platform-styles.ts | Platform-specific styles |
// From templates/responsive.ts
wp(50); // 50% of screen width
hp(25); // 25% of screen height
moderateScale(16); // Scaled font size
isTablet; // Device type detection