Skills

open-design-landing

open-design-landing is a skill in nexu-io/open-design, last changed 2 Sept 2026. It can run shell commands and name web addresses. Our pattern check flagged nothing at commit 325494e on 26 Oct 2026.

Pattern check: nothing flagged · commit 325494e · 26 Oct 2026

Install
From the author
Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same aesthetic OpenDesign 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. Drop-in scroll-reveal motion and a Headroom-style sticky nav are wired automatically.
Licence
Apache 2.0
Repo stars
104.2k
Folder last changed
2 Sept 2026 (opens in a new tab)
Publisher
nexu-io
Files
21 files
Checked
325494e (opens in a new tab) · 26 Oct 2026

Install

Each tab says whether it installs commit 325494e, the one we checked, or the latest version.

No tab for your agent? Use Any agent for OpenCode, Goose, Windsurf (Devin Desktop), Zed, Roo Code, Factory Droid, Junie, Amp and Antigravity, and Claude Code for Cline. Kiro needs the folder copied by hand.

Pinned to commit 325494e, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&
  git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git "$tmp" &&
  git -C "$tmp" fetch -q --depth 1 origin 325494e5a1e5858f7aa63bd71d7f326bdf911e7f &&
  git -C "$tmp" sparse-checkout set -- plugins/_official/examples/open-design-landing &&
  git -C "$tmp" checkout -q 325494e5a1e5858f7aa63bd71d7f326bdf911e7f &&
  mkdir -p .claude/skills &&
  mkdir .claude/skills/open-design-landing &&
  cp -R "$tmp"/plugins/_official/examples/open-design-landing/. .claude/skills/open-design-landing/ &&
  rm -rf "$tmp"

If Claude Code was already running and this created the skills folder, run /reload-skills.

Claude Code docs (opens in a new tab)

What it can touch

From the files and frontmatter at commit 325494e. This is how much a skill can do, not whether it is risky.

What it can touch: Scripts or outside hosts

  • Runs shell commands

    Its instructions or files give the agent commands to run on your computer.

  • Names web addresses

    It mentions outside web addresses the agent may visit. We list them but don't follow them.

Pattern check

Pattern check: nothing flagged · commit 325494e · 26 Oct 2026

We checked every text file in this skill, at commit 325494e on 26 Oct 2026, against 45 published patterns such as download-and-run commands, hidden text and credential access. We don't run the skill, we don't read the web pages it points to, and we can't judge everything its instructions might lead an agent to do. In published tests, pattern checks like this one missed most malicious skills. Read the skill before you install it — especially anything it asks you to download or run.

How the check worksReport an incorrect finding

Files we didn't read

  • assets/about.png · image, audio or video
  • assets/capabilities.png · image, audio or video
  • assets/cta.png · image, audio or video
  • assets/hero.png · image, audio or video
  • assets/lab-1.png · image, audio or video
  • assets/lab-2.png · image, audio or video
  • assets/lab-3.png · image, audio or video
  • assets/lab-4.png · image, audio or video
  • assets/lab-5.png · image, audio or video
  • assets/method-1.png · image, audio or video
Show 6 more
  • assets/method-2.png · image, audio or video
  • assets/method-3.png · image, audio or video
  • assets/method-4.png · image, audio or video
  • assets/testimonial.png · image, audio or video
  • assets/work-1.png · image, audio or video
  • assets/work-2.png · image, audio or video

Outside links we did not follow

  • https://github.com/nexu-io/open-design
  • https://open-design.dev/schemas/image-manifest.v1.json
  • https://fonts.googleapis.com
  • https://fonts.gstatic.com
  • https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,400;1,500;1,600;1,700&family=JetBrains+Mono:wght@400;500&display=swap
  • http://www.w3.org/2000/svg
  • https://github.com/nexu-io/open-design/releases
  • https://github.com/nexu-io/open-design/tree/main/skills
  • https://github.com/nexu-io/open-design/tree/main/design-systems
  • https://github.com/tw93
Show 25 more
  • https://github.com/op7418
  • https://github.com/alchaincyf
  • https://github.com/multica-ai
  • https://github.com/OpenCoworkAI
  • https://github.com/nexu-io
  • https://github.com/nexu-io/open-design/graphs/contributors
  • https://github.com/nexu-io/open-design/tree/main/apps/daemon
  • https://github.com/nexu-io/open-design/tree/main/skills/guizang-ppt
  • https://github.com/nexu-io/open-design/tree/main/skills/hyperframes
  • https://github.com/nexu-io/open-design/tree/main/skills/design-brief
  • https://github.com/nexu-io/open-design/tree/main/skills/critique
  • https://github.com/alchaincyf/huashu-design
  • https://github.com/op7418/guizang-ppt-skill
  • https://github.com/multica-ai/multica
  • https://github.com/OpenCoworkAI/open-codesign
  • https://devin.ai/terminal
  • https://github.com/heygen-com/hyperframes
  • https://github.com/nexu-io/open-design/issues
  • https://github.com/nexu-io/open-design/blob/main/QUICKSTART.md
  • https://github.com/nexu-io/open-design/blob/main/docs/architecture.md
  • https://github.com/nexu-io/open-design/blob/main/docs/skills-protocol.md
  • https://github.com/nexu-io/open-design/blob/main/docs/roadmap.md
  • https://api.github.com/repos/nexu-io/open-design
  • https://open-design.ai/schemas/plugin.v1.json
  • https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/open-design-landing

Format check

Each agent reads SKILL.md a little differently. We check the file against each one's published rules; we don't run the skill in any agent.

  • Agent Skills specFails

    The open format from agentskills.io, held to what the strictest agents enforce, so one folder loads everywhere.

    • Error

      Line 92: the description value contains a colon followed by a space, which YAML reads as the start of another field. Strict YAML parsers, including the spec's validator, reject the file. F4

      Fix: Put the value in quotes, like this: description: 'Provider for `image_strategy: generate`. fal.ai is faster.'

    • Warning

      Fields outside the spec: triggers, od, inputs, parameters, outputs, capabilities_required and example_prompt. Uploads to the Claude apps and API, and the spec's validator, reject the file; most agents ignore these fields. O1

      Fix: Delete them for a portable skill, or keep them if you only target the agents that read them.

    • Warning

      Links to files that aren't in the skill folder: line 123: ./styles.css and line 180: ./inputs.example.json. B3

      Fix: Add the missing files or correct the paths, relative to SKILL.md.

    • Warning

      Paths that may not work once the skill is installed: line 112: ../open-design-landing-deck/ (outside the skill folder), line 298: ../../design-systems/atelier-zero/DESIGN.md (outside the skill folder) and line 299: ../open-design-landing-deck/ (outside the skill folder). B6

      Fix: Use forward-slash paths relative to SKILL.md, and copy shared files into the skill.

    • Note

      There is no license field, so readers can't tell whether they may reuse the skill. O2

      Fix: Add license: with an SPDX name such as MIT or Apache-2.0, or the name of a bundled licence file.

  • Claude CodePasses with warnings

    Claude Code reads its own extra fields, ignores unknown ones, and still loads a skill whose frontmatter is broken, without its fields.

    • Warning

      Line 92: the description value contains a colon followed by a space, which YAML reads as the start of another field. Claude Code still loads the skill but with no fields: the name falls back to the folder, and Claude has no description to match. F4

      Fix: Put the value in quotes, like this: description: 'Provider for `image_strategy: generate`. fal.ai is faster.'

    • Warning

      Links to files that aren't in the skill folder: line 123: ./styles.css and line 180: ./inputs.example.json. B3

      Fix: Add the missing files or correct the paths, relative to SKILL.md.

    • Warning

      Paths that may not work once the skill is installed: line 112: ../open-design-landing-deck/ (outside the skill folder), line 298: ../../design-systems/atelier-zero/DESIGN.md (outside the skill folder) and line 299: ../open-design-landing-deck/ (outside the skill folder). B6

      Fix: Use forward-slash paths relative to SKILL.md, and copy shared files into the skill.

    • Note

      Claude Code ignores fields it doesn't know: triggers, od, inputs, parameters, outputs, capabilities_required and example_prompt. O1

      Fix: Check the spelling against Claude Code's field list, or delete them.

  • Claude apps & API uploadFails

    Uploading to claude.ai or the Claude API, or packaging with Anthropic's script, accepts only the six spec fields and stops on anything else.

    • Error

      Line 92: the description value contains a colon followed by a space, which YAML reads as the start of another field. Anthropic's validator rejects it, so packaging and upload fail. F4

      Fix: Put the value in quotes, like this: description: 'Provider for `image_strategy: generate`. fal.ai is faster.'

    • Error

      Upload and packaging fail on fields outside the spec: triggers, od, inputs, parameters, outputs, capabilities_required and example_prompt. O1

      Fix: Delete them, and keep your own data under metadata as text values.

    • Warning

      Links to files that aren't in the skill folder: line 123: ./styles.css and line 180: ./inputs.example.json. B3

      Fix: Add the missing files or correct the paths, relative to SKILL.md.

    • Warning

      Paths that may not work once the skill is installed: line 112: ../open-design-landing-deck/ (outside the skill folder), line 298: ../../design-systems/atelier-zero/DESIGN.md (outside the skill folder) and line 299: ../open-design-landing-deck/ (outside the skill folder). B6

      Fix: Use forward-slash paths relative to SKILL.md, and copy shared files into the skill.

    • Note

      The description is 485 characters. The claude.ai Help Center says 200 at most, though Anthropic's API docs and validator allow 1,024. D4

      Fix: If the claude.ai upload refuses it, trim the description to 200 characters.

  • OpenAI (Codex & API)Fails

    Codex finds SKILL.md by its exact name and needs a description; OpenAI's Skills API checks the frontmatter against the spec and caps uploads.

    • Error

      Line 92: the description value contains a colon followed by a space, which YAML reads as the start of another field. Codex quotes the value and loads the skill, but OpenAI's upload follows the spec, which needs valid YAML. F4

      Fix: Put the value in quotes, like this: description: 'Provider for `image_strategy: generate`. fal.ai is faster.'

    • Warning

      Fields outside the spec: triggers, od, inputs, parameters, outputs, capabilities_required and example_prompt. Codex ignores them; OpenAI doesn't say whether its upload accepts them. O1

      Fix: Delete them, or move your own data under metadata as text values.

    • Warning

      Links to files that aren't in the skill folder: line 123: ./styles.css and line 180: ./inputs.example.json. B3

      Fix: Add the missing files or correct the paths, relative to SKILL.md.

    • Warning

      Paths that may not work once the skill is installed: line 112: ../open-design-landing-deck/ (outside the skill folder), line 298: ../../design-systems/atelier-zero/DESIGN.md (outside the skill folder) and line 299: ../open-design-landing-deck/ (outside the skill folder). B6

      Fix: Use forward-slash paths relative to SKILL.md, and copy shared files into the skill.

  • VS Code & CopilotPasses with warnings

    VS Code reads skills one folder below .github/skills, .claude/skills or .agents/skills and falls back to the folder name when the name is missing or differs; GitHub's Copilot docs require the exact name SKILL.md.

    • Warning

      Line 92: the description value contains a colon followed by a space, which YAML reads as the start of another field. VS Code's own YAML reader still loads the skill, but may read some values differently. F4

      Fix: Put the value in quotes, like this: description: 'Provider for `image_strategy: generate`. fal.ai is faster.'

    • Warning

      Links to files that aren't in the skill folder: line 123: ./styles.css and line 180: ./inputs.example.json. B3

      Fix: Add the missing files or correct the paths, relative to SKILL.md.

    • Warning

      Paths that may not work once the skill is installed: line 112: ../open-design-landing-deck/ (outside the skill folder), line 298: ../../design-systems/atelier-zero/DESIGN.md (outside the skill folder) and line 299: ../open-design-landing-deck/ (outside the skill folder). B6

      Fix: Use forward-slash paths relative to SKILL.md, and copy shared files into the skill.

    • Note

      VS Code ignores fields it doesn't support: triggers, od, inputs, parameters, outputs, capabilities_required and example_prompt. O1

      Fix: Delete them unless another agent you target reads them.

SKILL.md

Files

21 files

PathSize
SKILL.md (opens in a new tab)12 KB
assets/about.png (opens in a new tab)1.8 MB
assets/capabilities.png (opens in a new tab)1.8 MB
assets/cta.png (opens in a new tab)1.9 MB
assets/hero.png (opens in a new tab)2 MB
assets/image-manifest.json (opens in a new tab)3.9 KB
assets/imagegen-prompts.md (opens in a new tab)9.7 KB
assets/lab-1.png (opens in a new tab)1.2 MB
assets/lab-2.png (opens in a new tab)1.3 MB
assets/lab-3.png (opens in a new tab)1.3 MB
assets/lab-4.png (opens in a new tab)1.2 MB
assets/lab-5.png (opens in a new tab)1.1 MB
assets/method-1.png (opens in a new tab)1.1 MB
assets/method-2.png (opens in a new tab)1.1 MB
assets/method-3.png (opens in a new tab)983 KB
assets/method-4.png (opens in a new tab)994 KB
assets/testimonial.png (opens in a new tab)1.7 MB
assets/work-1.png (opens in a new tab)1.2 MB
assets/work-2.png (opens in a new tab)1.3 MB
example.html (opens in a new tab)91.2 KB
Show 1 more
PathSize
open-design.json (opens in a new tab)10.8 KB

Copies

These share its SKILL.md or its name and description but not all its files, so we list them separately.

More from nexu-io/open-design

  • 8-bit-orbit-video-template

    nexu-io/open-design

    Hyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene HTML-to-video composition with advanced transitions, interactive preview controls, and ready-to-render default style.

    Pattern check: Nothing flaggedWhat it can touch: Names web addresses

    Apache 2.0 · 104.2k repo stars · Updated 2 Jun 2026

  • ad-creative

    nexu-io/open-design

    Generate and iterate ad creative including headlines, descriptions, and primary text. Useful for paid social and search ad iteration.

    Pattern check: Nothing flaggedWhat it can touch: Runs shell commands · Names web addresses

    Apache 2.0 · 104.2k repo stars · Updated 18 Aug 2026

  • after-hours-editorial-template

    nexu-io/open-design

    Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads. Use when the user asks for premium fashion-style motion pages, moody serif-led storytelling, or a high-end dark presentation aesthetic with rich transitions.

    Pattern check: Nothing flaggedWhat it can touch: Names web addresses

    Apache 2.0 · 104.2k repo stars · Updated 9 May 2026

  • agent-browser

    nexu-io/open-design

    Browser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling forms, clicking buttons, taking screenshots, extracting page data, reading selected OpenDesign browser-tab context, testing web apps, dogfooding OpenDesign previews, QA, bug hunts, or reviewing app quality. Prefer local OpenDesign preview URLs unless the user explicitly asks for external browsing.

    Pattern check: Nothing flaggedWhat it can touch: Runs shell commands · Reaches the network +1

    Apache 2.0 · 104.2k repo stars · Updated 18 Aug 2026

  • ai-music-album

    nexu-io/open-design

    Full-lifecycle AI music album production — concept, lyric drafting, track sequencing, and export. Useful for indie album experiments and brand soundtracks.

    Pattern check: Nothing flaggedWhat it can touch: Runs shell commands · Names web addresses

    Apache 2.0 · 104.2k repo stars · Updated 18 Aug 2026

  • algorithmic-art

    nexu-io/open-design

    Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies.

    Pattern check: Nothing flaggedWhat it can touch: Runs shell commands · Names web addresses

    Apache 2.0 · 104.2k repo stars · Updated 18 Aug 2026

All skills in nexu-io/open-design