Communitygithub.com

galyarderlabs/galyarder-design

galyarderlabs/galyarder-design のエージェントスキルです。

galyarder-design とは?

galyarderlabs/galyarder-design は、AIエージェントがデザイン関連のタスクを実行できるようにするためのスキルです。このスキルは、galyarderlabs が提供するデザイン支援ツールやテンプレートを利用して、UI/UXデザインの生成、デザインシステムの管理、プロトタイピングなどの作業を効率化します。主に Claude Code や Cursor などのプラットフォーム上で動作し、エージェントがデザインファイルを操作したり、コードベースのデザインルールに従った出力を行えるように設計されています。このスキルを利用することで、デザインと開発の一貫性を保ちながら、迅速な反復作業が可能になります。

対応~Claude Code~Codex CLI~Cursor
npx skills add galyarderlabs/galyarder-design

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

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.

関連スキル