Layout Grid
owl-listener/designer-skills/ui-design/skills/layout-grid作者 owl-listener9a6930cf84a8无许可证2.8K 个星标收录于 2026年10月8日更新于 2026年10月8日仓库4周前更新
Define a responsive grid — columns, gutters, margins, and breakpoint behaviour. Use when establishing page structure. For the spacing scale inside components use `spacing-system`; for cross-device behaviour use `responsive-design`.
- 9a6930cf84a8当前提交 9a6930c发布于 2026年10月8日
来源与署名
来源：owl-listener/designer-skills位于ui-design/skills/layout-grid提交9a6930c
许可证： 无许可证
内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。
更多来自 owl-listener/designer-skills 的技能
Zeigarnik Effect
owl-listener
运用蔡格尼克效应设计进度指示、草稿保存、中断处理与召回提示。
Teslers Law
owl-listener
运用泰斯勒定律，判断设计中不可消除的复杂性应由产品还是用户承担。
Von Restorff Effect
owl-listener
运用冯·雷斯托夫（孤立）效应，让界面或版式中某一个关键元素在视觉上突出。
State Machine
owl-listener
将 UI 组件行为建模为有限状态机，包含状态、事件、转换、守卫和动作。
Visual Hierarchy
owl-listener
提供通过大小、粗细、颜色、间距和位置建立界面视觉层级的指导。
Serial Position Effect
owl-listener
运用系列位置效应来排列菜单、列表和步骤顺序，让关键项目出现在用户最容易记住的位置。
更多Design & Creative技能
Theme Factory
anthropics
提供 10 套预设配色与字体主题，并可即时生成新主题，用于为幻灯片、文档、报告和 HTML 页面统一风格。
Slack Gif Creator
anthropics
为 Slack 创建尺寸与体积经过优化的动画 GIF，提供 PIL 绘图辅助、缓动函数与校验工具。
Frontend Design
anthropics
在构建或改造用户界面时，提供打造独特、有意图的视觉设计的指导。
Canvas Design
anthropics
依据写好的设计理念创作原创视觉艺术，输出 PNG 或 PDF，适用于海报、艺术作品等静态成品。
Brand Guidelines
anthropics
将 Anthropic 官方品牌配色与字体应用到需要体现 Anthropic 外观风格的各类产物上。
Frontend Design
anthropics
指导智能体为新界面或改版界面进行独特、有意图的视觉设计。