Communitygithub.com

galyarderlabs/galyarder-design

來自 galyarderlabs/galyarder-design 的代理技能。

galyarder-design 是什麼?

此技能源自 galyarderlabs/galyarder-design,是一個為 AI 代理(如 Claude Code、Cursor 等)設計的專用技能。它主要用於協助開發者和設計師在開發工作流程中整合設計相關任務,例如根據規範生成設計元素、轉換設計格式,或將設計意圖與程式碼實作對齊。該技能支援多種平台,透過結構化的 Markdown 文件(SKILL.md)定義其行為和提示,使代理能夠準確理解並執行設計相關指令。其核心優勢在於減少手動設計轉換的工作量,提升從設計到開發的迭代效率,並確保最終產出符合設計規範。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add galyarderlabs/galyarder-design

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

galyarder-design 是做什麼的?

來自 galyarderlabs/galyarder-design 的代理技能。

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

galyarderlabs/galyarder-design

Produce a single-file slide deck in the Atelier Zero visual language (warm-paper background, italic-serif emphasis spans, coral terminating dots, surreal collage plates) — Galyarder Design's brand deck recipe. The deck uses **horizontal magazine-style swipe pagination** (←/→, wheel, swipe), a per-slide chrome strip with brand mark and slide counter, an ESC overview grid, a coral progress bar, and inherits the canonical stylesheet + 16-slot image library from the sister `galyarder-design-landing` skill.

galyarderlabs/galyarder-design

Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same aesthetic Galyarder Design uses for its own marketing surface. The agent fills a typed `inputs.json` from a brand brief, optionally generates 16 collage assets via gpt-image-2, then runs a pure-function composer that emits a self-contained HTML file; a separate path can mirror the Astro marketing site in `apps/landing-page/`. Drop-in scroll-reveal motion and a Headroom-style sticky nav are wired automatically.

galyarderlabs/galyarder-design

Produce a print-grade single-page kami (Paper) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays. The output reads like a professional white paper or studio one-pager, not an app UI. Multilingual by design (EN · zh-CN · ja). One self-contained HTML file, zero dependencies.

galyarderlabs/galyarder-design

Single-page SaaS landing with hero, features, social proof, pricing, and CTA. Respects the active DESIGN.md color/typography/layout tokens. Trigger keywords: "saas landing", "marketing page", "product landing".

galyarderlabs/galyarder-design

Minimal pre-launch landing with email capture, brand logo, and optional decorative layer. Reads DESIGN.md for colors, typography, and layout rules. Best for: product launches, beta signups, early access programs, indie projects.

galyarderlabs/galyarder-design

Single-page SaaS landing with hero, features, social proof, pricing, and CTA. Respects the active DESIGN.md color/typography/layout tokens. Trigger keywords: "saas landing", "marketing page", "product landing".

galyarderlabs/galyarder-design

Programmatic video creation with React. Useful for branded explainers, social cuts, dashboards-to-video, and reproducible motion graphics.

相關技能