Structure a page with a centered outer frame and inset inner sections. Use visible boundaries, corner markers, backgrounds, borders, and rounded corners to distinguish content levels while keeping spacing consistent and text readable.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Establishing visible boundaries for a page
- Separating hero, feature, proof, and CTA sections
- Aligning inset spacing across content blocks
MengTo/Skills☆ 6.9천2026년 10월 18일 업데이트
Design a clean agency-style page using nested containers: a light outer frame, dark inset sections, and rounded inner cards. Coordinate pricing, service groups, and action areas through clear hierarchy, generous spacing, and restrained accent colors.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Designing a clean agency or service introduction page
- Highlighting pricing inside a dark inset section
- Organizing service groups with nested cards
MengTo/Skills☆ 6.9천2026년 10월 18일 업데이트
Shape a high-contrast interface with dark molded panels, inset shadows, and tactile controls that resemble physical objects. Apply a consistent visual system across page framing, cards, buttons, and small status displays, using one restrained accent color.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Designing a dark interface with tactile depth
- Giving cards and controls a consistent material feel
- Using a brand color for status and active indicators
MengTo/Skills☆ 6.9천2026년 10월 18일 업데이트
Design a professional development session using adult learning principles with active teacher engagement. Use when planning INSET days, CPD workshops, or staff training sessions.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
GarethManning/education-agent-skills☆ 8842026년 8월 29일 업데이트
Migrate a Jetpack Compose app to edge-to-edge display and fix system bar inset issues. Use when UI components are obscured by navigation/status bars, fixing IME insets, or enabling edge-to-edge for SDK 35+.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
HoangNguyen0403/agent-skills-standard☆ 5792026년 10월 18일 업데이트
Design a professional development session using adult learning principles with active teacher engagement. Use when planning INSET days, CPD workshops, or staff training sessions.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
nota-america/forgecat-agent-profiles☆ 922026년 9월 24일 업데이트
RIPDPI's edge-to-edge and window-inset rules for Compose screens, scaffolds, sheets, and the single enableEdgeToEdge() call site. Use for insets, system bars, or edge-to-edge layout here.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
po4yka/RIPDPI☆ 812026년 10월 20일 업데이트
Add or refine depth through elevation systems, raised and inset surfaces, layered overlap, and meaningful shadow behavior so interfaces feel structured instead of flat. Use when the user mentions depth, elevation, shadows, layering, flat cards, pressed states, drag feedback, or inset controls.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
aladicf/better-web-ui☆ 432026년 5월 22일 업데이트
SwiftUI のレイアウト落とし穴・ベストプラクティス・非推奨パターンと、 iOS / watchOS アプリの実機配布 (Provisioning / App Group / Code Signing / Apple Watch Developer Mode / Xcode 15+ Debug dylib) トラブルシューティング のガイド。コード生成・修正時に既知のレイアウトバグを防ぎ、 App Group + watchOS + Apple Watch の実機インストール失敗を 7 段階フレームワークで診断・解消する。 Use when: SwiftUI のコードを書く・修正するとき。 レイアウト崩れを修正するとき。safeAreaInset や ViewThatFits を使うとき。 マルチデバイス対応するとき。iOS + watchOS アプリの実機ビルド / 配布で provisioning / App Group / Manual Signing / Apple Watch の UDID / Xcode 自動署名の 罠に詰まったとき。Apple Watch に "Could not install at this time" が出たとき。 Triggers: "SwiftUI", "layout", "safeAreaInset", "ViewThatFits", "GeometryReader", "レイアウト", "崩れ", "表示バグ", "iPhone SE", "ATT", "ATTrackingManager", "requestTrackingAuthorization", "AdMob", "広告", "Provisioning Profile", "App Group", "Manual Signing", "Code Signing", "Apple Watch", "watchOS", "Install できない", "Could not install at this time", "Bundle ID 紐付け", "Xcode Automatic Signing", "embedded.mobileprovision", "Spaceship", "App Store Connect API", "WKCompanionAppBundleIdentifier", "Developer Mode", "Privacy & Security", "watchOS Developer Mode", "Apple Watch に App を入れられない", "整合性を確認できなかった", "integrity check", "ENABLE_DEBUG_DYLIB", "__preview.dylib", "debug.dylib", "Xcode 15 Preview", "SwiftUI Preview dylib", "ENABLE_PREVIEWS", "AppIntents", "AppShortcut", "AppShortcutsProvider", "AppEntity", "AppEnum", "Siri", "Siri に流れる", "Siri がリマインダーに流れる", "updateAppShortcutParameters", "Invalid parameter type", "Invalid Utterance", "applicationName", "CFBundleDisplayName", "CFBundleSpokenName", "TaskEntityQuery", "AppEntityQuery", "TimelineProvider", "recommendations", "WatchConnectivity", "WCSession", "updateApplicationContext", "sessionDidBecomeInactive", "iPhone と Watch でデータ共有", "App Group 共有できない", "scenePhase", "ポーリング", "watchOS バッテリー", "TextField 文字色 watchOS", "Picker 文字色 watchOS", "Single Size AppIcon", "watchOS AppIcon"
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
sean-sunagaku/claude-code-plugin☆ 382026년 7월 30일 업데이트
Apple Human Interface Guidelines (HIG) に準拠した iOS アプリの UI を、 単一 HTML ファイルの「実際に動くインタラクティブプロトタイプ」として生成するスキル。 iPhone 15 Pro 相当のデバイスフレーム、ステータスバー、ナビゲーションバー、タブバー、 Inset Grouped リスト、モーダル/シート、アラートを iOS 純正の見た目で再現し、 タップ・スワイプ・入力・画面遷移がすべて動作する状態で出力する。 Claude Design / Artifact でそのまま開ける形式。 Use when: iOS アプリの UI を作りたい、アプリのモック画面が欲しい、 HIG 準拠のデザインを作りたい、iPhone 風のプロトタイプを作りたい、 アプリのデザイン案を可視化したい、App Store 提出用アプリの画面イメージを作りたい。 Triggers: "iOS アプリ UI", "iOS デザイン", "HIG", "Human Interface Guidelines", "iPhone モック", "アプリのモック", "iOS プロトタイプ", "アプリ画面を作って", "iOS UI プロトタイプ", "Claude Design", "ネイティブアプリ風", "アプリのデザイン"
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
sean-sunagaku/claude-code-plugin☆ 382026년 7월 30일 업데이트
Add or refine depth through elevation systems, raised and inset surfaces, layered overlap, and meaningful shadow behavior so interfaces feel structured instead of flat. Use when the user mentions depth, elevation, shadows, layering, flat cards, pressed states, drag feedback, or inset controls.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
aladicf/better-react-web-ui☆ 42026년 9월 8일 업데이트
Android アプリ開発 (Kotlin) のプラットフォーム基盤リファレンス。 Activity, Intent, Application, ContentProvider, AndroidManifest, androidx, ランタイム権限, NotificationCompat, CallStyle, Bubbles (BubbleMetadata), WindowInsets, スプラッシュスクリーン, Glance ウィジェット。
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fandhe-AI/agent-reference-skills☆ 42026년 10월 20일 업데이트
Build and debug asynchronous Rust applications with Tokio, a runtime for scheduling work while operations wait. Apply patterns for task management, channels, error handling, cancellation, and concurrency limits when developing network services and other concurrent systems.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Build asynchronous network services
- Manage tasks and channel communication
- Design error handling and cancellation
wshobson/agents☆ 4.1만2026년 10월 20일 업데이트
Design a two-panel page that gives visuals and supporting information distinct roles. This skill guides framing, spacing, typography, compact labels, and responsive stacking for product pages, portfolios, showcases, and technical presentations.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Product pages pairing visuals with specifications
- Portfolios with separate artwork and commentary
- Concept presentations with a technical visual style
MengTo/Skills☆ 6.9천2026년 10월 18일 업데이트
Adjust .NET MAUI layouts to avoid system bars, screen cutouts, and keyboards, or extend content to screen edges. It covers .NET 10 safe area APIs, migration from older settings, and CSS coordination for Blazor Hybrid.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Fixing status bar overlap after upgrading to .NET 10
- Keeping chat inputs visible above the keyboard
- Creating edge-to-edge photo or video screens
dotnet/skills☆ 5.7천2026년 10월 20일 업데이트
Integrates MCP App UI with host theming system. Applies host CSS variables, handles onhostcontextchanged, safe area insets, display mode detection, and fullscreen configuration.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
a5c-ai/babysitter☆ 1.9천2026년 9월 17일 업데이트
Build production Roblox interfaces with ScreenGui/PlayerGui lifecycle, responsive UDim2 layouts, safe insets, reusable editable Instances, cross-device input and selection, restrained motion, cleanup, and multi-viewport verification. Use for Roblox HUDs, inventories, shops, settings, ability bars, ScrollingFrames, AutomaticSize, GuiService, gamepad focus, touch UI, or UI that clips, resets on respawn, looks generic, or was generated as one giant LocalScript.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
gamedev-skills/awesome-gamedev-agent-skills☆ 1.8천2026년 10월 9일 업데이트
Provides React Navigation UI patterns for stacks, tabs, drawers etc. Use when building navigation UIs with React Navigation, configuring headers, bottom sheets or handling safe areas and insets.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
callstackincubator/agent-skills☆ 1.7천2026년 10월 9일 업데이트
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. Use when layout, gestures or navigation misbehave.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
maxrave-dev/kotlin-footguns☆ 1.5천2026년 10월 18일 업데이트
.NET MAUI safe area and edge-to-edge layout guidance for .NET 10+. Covers the new SafeAreaEdges property, SafeAreaRegions enum, per-edge control, keyboard avoidance, Blazor Hybrid CSS safe areas, migration from legacy iOS-only APIs, and platform-specific behavior for Android, iOS, and Mac Catalyst. USE FOR: "safe area", "edge-to-edge", "SafeAreaEdges", "SafeAreaRegions", "keyboard avoidance", "notch insets", "status bar overlap", "iOS safe area", "Android edge-to-edge", "content behind status bar", "UseSafeArea migration", "soft input keyboard", "IgnoreSafeArea replacement". DO NOT USE FOR: general layout or grid design (use Grid and StackLayout), app lifecycle handling (use maui-app-lifecycle), theming or styling (use maui-theming), or Shell navigation structure.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
managedcode/dotnet-skills☆ 4902026년 10월 20일 업데이트
Optimize DSPy programs with dspy.GEPA — a reflective/evolutionary optimizer to consider against task-specific baselines within an authorized evaluation budget. Use when the user says optimize, compile, GEPA, reflective optimization, or "make this program better" and a DSPy program + metric + trainset exist.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
intertwine/dspy-agent-skills☆ 2782026년 9월 6일 업데이트
Use when the user has 2+ recordings of the same event (each with a `.sync.json` sidecar from wjs-syncing-multicam) and wants them combined into a single MP4 — auto-switching between cams second-by-second on audio energy, with optional picture-in-picture inset. Triggers — "auto-edit multicam", "做个剪辑", "切几个机位", "把这几个视频合成一个", "combine these angles", "PiP overlay".
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
jianshuo/claude-skills☆ 1372026년 10월 16일 업데이트
Use when designing or building any mobile screen or component a user sees (Flutter, SwiftUI or Compose) - platform conventions, hierarchy, type that scales, colour roles and dark mode, safe areas and insets, forms and keyboard, states, feedback, and the generic-mobile anti-patterns.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
makifbaysal/tasktrooper☆ 1172026년 10월 20일 업데이트
Create and edit 3D meshes in Blender — primitives, hard-surface modeling, mesh operators, modifier stacks (Bevel, Subdivision, Boolean, Mirror, Array, Solidify), bmesh-level edits, retopology basics. Use whenever the user asks to "make/model/create/build a 3D object", "shape/sculpt this", "add a cube/sphere/cylinder/etc.", "extrude/inset/bevel this face", "add a modifier", or any geometry-creation request that isn't a wireframe trace. Make sure to use this skill even if the user does not say "model" — also covers "make a sword", "build a chair", "add a door", "carve out a hole". Pairs with blender-materials for look-dev and blender-pro-workflow for full pipelines.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
RobLe3/cc-blender-skill☆ 1072026년 10월 13일 업데이트