Skip to main content
Skip to content
Jesn Design
Get started

Getting started

Choose a product, give your agent context, and make your first change.

On this page

Choose a product

Use the library’s Format, Sector, and Field filters to narrow the collection. Open a cover to explore the product in desktop or mobile view. The website, ZIP, and installation prompt are available in the preview window.

Browse the library

Install and open your project

  1. Open the target project in Codex, Claude Code, or Cursor before installing. Confirm the project folder and back up any existing copy of the Skill.
  2. Choose one tutorial below. Agent uses an installation prompt; Command line runs an install command; MCP first connects the catalog, then requires a separate local installation after you choose a Skill.
  3. After installation, ask the agent to report the Skill path and version, read SKILL.md and its references, and confirm discovery before your first task. Manual ZIP downloads remain available in product previews.
Agent tutorialMCP tutorialCommand line tutorial

Write a specific brief

Name the product, the target page, the user’s task, and the constraints. Include your brand assets and real data shape when available. A precise change request works better than asking for a generic financial website.

Prompt
Use the orbit-wallet Skill to adapt the wallet website for my brand.
Read its design and acceptance references first.
Keep the existing component system and precise amount calculations.
Use my logo, support Ethereum and Base, and keep the interface in English.
Implement the page, then verify desktop, mobile, and empty search states.

Verify the result

Have your agent run the project’s build and relevant checks, then walk through the changed interaction in a browser. Use references/acceptance.md as the checklist. Confirm data sources and service boundaries before connecting any real financial account.