メニュー
Generate spacing scales, CSS grid systems, responsive breakpoints, z-index layers, and ready-to-use layout patterns (dashboard, sidebar, card grid, holy grail, etc).
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Sends messages between agents, broadcasts to channels, and retrieves message history for inter-agent communication.
Spawns, manages lifecycle, and terminates autonomous AI agents from the 40+ built-in agent catalog.
Optimize prompts and context windows to reduce token usage while preserving quality.
Animated desktop character state machine for Sven's Tauri companion app. Manages character form (ORB, ARIA, REX, ORION), state transitions (idle→thinking→speaking→celebrating), walk cycles, thought bubbles, sound effects, and real-time agent event sync.
Multi-model deliberation system. Sends queries to multiple LLMs simultaneously, has them peer-review each other's responses anonymously, then a chairman model synthesizes the best answer. Supports configurable council composition, voting strategies, and cost tracking.
Interactive educational autograd engine — port of Karpathy's micrograd. Build, train, and visualise tiny neural networks step-by-step to learn how backpropagation works.
| name | layout-spacing |
| description | Generate spacing scales, CSS grid systems, responsive breakpoints, z-index layers, and ready-to-use layout patterns (dashboard, sidebar, card grid, holy grail, etc). |
| version | 2026.4.11 |
| publisher | 47Network |
| handler_language | typescript |
| handler_file | handler.ts |
| inputs_schema | {"type":"object","properties":{"action":{"type":"string","enum":["spacing","grid","auto_grid","breakpoints","z_index","pattern","all_patterns"],"default":"spacing"},"base_px":{"type":"number","default":4},"scale_method":{"type":"string","enum":["linear","geometric","modular"],"default":"linear"},"columns":{"type":"integer","minimum":1,"maximum":24,"default":12},"gap_px":{"type":"number","default":16},"max_width_px":{"type":"number","default":1280},"min_item_width_px":{"type":"number","default":280},"strategy":{"type":"string","enum":["mobile-first","desktop-first"],"default":"mobile-first"},"pattern_name":{"type":"string","description":"Layout pattern: holy-grail, sidebar-content, card-grid, dashboard, split-screen, centered-content"}},"required":["action"],"additionalProperties":false} |
| outputs_schema | {"type":"object","properties":{"action":{"type":"string"},"result":{"type":"object"}},"required":["action","result"]} |
Generate spacing systems, CSS grid layouts, responsive breakpoints, z-index layers, and production-ready layout patterns.
spacing — Generate a spacing scale from base unit and methodgrid — Generate a CSS Grid system with responsive breakpointsauto_grid — Generate an auto-fit responsive card gridbreakpoints — Generate responsive breakpoint media queriesz_index — Get the z-index layer systempattern — Get a specific layout patternall_patterns — List all available layout patterns{ action: "spacing", base_px: 4 }{ action: "grid", columns: 12 }{ action: "pattern", pattern_name: "dashboard" }design.layout: read (generates CSS code, no side effects)