Introduction

Give your AI coding tool a considered starting point for financial interfaces.

On this page

Design context, ready to build

Jesn Design Skills brings together product design, runnable source, and implementation instructions. Each Skill covers one financial or Web3 product with its own visual language and a working set of interactions.

Choose a product and explore its interactions, then use Agent, MCP, or Command line on the homepage. You can also download the complete ZIP. Your agent can read the included design decisions while adapting the product to your project.

Choose how to start

Use Agent to have your coding tool install a chosen Skill, MCP to discover Skills from inside your tool, or Command line to install a package from the terminal. All three lead to the same complete Skill package.

Install with AgentCopy a prompt into your project.Connect with MCPConnect, discover a Skill, then install it.Install from the terminalRun a command in your target project.

What you get

SKILL.md: the scope, implementation workflow, and constraints.
references/: the visual system and acceptance criteria for the product.
project/: independent source, local images and fonts, and a locked dependency file.