[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-2959":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":14,"stars7d":16,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":18,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":25,"readmeContent":26,"aiSummary":27,"trendingCount":15,"starSnapshotCount":15,"syncStatus":16,"lastSyncTime":28,"discoverSource":29},2959,"swiss-design-skill","zeke\u002Fswiss-design-skill","zeke","A Swiss International Style design system skill for AI agents","https:\u002F\u002Fswiss.ziki.boo",null,"TypeScript",104,13,1,0,2,4,3,3.44,"MIT License",false,"main",true,[],"2026-06-12 02:00:45","# swiss-design-skill\n\nA Swiss International Style design system for AI agents. Grotesque typography, rigorous grid, generous whitespace, restrained color — expressed through Tailwind CSS.\n\n[swiss.ziki.boo](https:\u002F\u002Fswiss.ziki.boo)\n\n## Install\n\n```sh\nnpx skills add zeke\u002Fswiss-design-skill\n```\n\nOr manually copy the skill directory:\n\n```sh\ngh repo clone zeke\u002Fswiss-design-skill\ncp -r swiss-design-skill\u002Fswiss-design ~\u002F.config\u002Fopencode\u002Fskills\u002F\n```\n\n## Usage\n\nOnce installed, tell your agent to apply it:\n\n- \"Apply the swiss-design skill to this page\"\n- \"Clean up this UI using swiss design principles\"\n- \"Make this look great — use the Swiss style\"\n\nThe agent will apply IBM Plex Sans typography, the stone color palette, opacity-based hierarchy, a 12-column grid, and generous whitespace.\n\n## What's included\n\n```\nswiss-design\u002F\n├── SKILL.md                    # Quick reference (always loaded)\n└── references\u002F\n    ├── design-system.md        # Full token reference, CSS variables\n    ├── components.md           # Tailwind component patterns\n    ├── tailwind-config.md      # Paste-ready tailwind.config.js\n    └── prompting.md            # Applying the system to existing pages\n```\n\n## Design principles\n\n- **Grid first.** 12-column, 8px base unit\n- **Whitespace is structure.** Sections get `py-24` minimum\n- **Opacity, not hue, creates hierarchy.** `text-stone-900\u002F70`, never `text-stone-500`\n- **One accent.** Swiss red (`#C8102E`) by default; swap to cobalt, golden, or forest per project\n- **Narrow columns.** Body text never exceeds `max-w-[60ch]`\n- **Light and dark mode** via `prefers-color-scheme`\n\n## Typography\n\nPrimary: **IBM Plex Sans** (Google Fonts)\n\nFallbacks: Hanken Grotesk · Barlow · Host Grotesk · DM Sans\n\n## License\n\nMIT\n","swiss-design-skill 是一个为AI代理设计的瑞士国际风格设计系统。它通过Tailwind CSS实现了怪诞字体、严格的网格布局、充裕的空白区域以及克制的颜色使用等核心功能，支持IBM Plex Sans作为主要字体，并提供了一套完整的视觉层级和色彩方案。适用于需要快速提升UI美观度且偏好简洁现代设计风格的应用场景，如网页或应用界面优化。此外，该项目还提供了详细的文档支持，包括设计系统的全面参考、组件模式及如何将该系统应用于现有页面等内容。","2026-06-11 02:51:55","CREATED_QUERY"]