Communitygithub.com

galyarderlabs/galyarder-design

Agent-Fähigkeit aus galyarderlabs/galyarder-design

Was ist galyarder-design?

Diese Fähigkeit ermöglicht es KI-Agenten, auf das Design-System von galyarderlabs/galyarder-design zuzugreifen und es zu nutzen. Sie stellt eine Sammlung von Design-Token, Komponenten und Richtlinien bereit, die konsistente und zusammenhängende Benutzeroberflächen erzeugen. Die Fähigkeit unterstützt Entwickler dabei, schnell hochwertige, standardkonforme UI-Komponenten in ihre Projekte zu integrieren, ohne das Rad neu erfinden zu müssen. Sie ist ideal für Teams, die eine einheitliche visuelle Identität über mehrere Anwendungen hinweg beibehalten möchten, und lässt sich nahtlos in moderne Frontend-Entwicklungsworkflows einfügen.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add galyarderlabs/galyarder-design

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht galyarder-design?

Agent-Fähigkeit aus 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.

Verwandte Skills