GitHub
Design system
GitHub

Agentcard design system

Set up the design system in your project.

npx -y github:anwarlemu/agentcard-brand-cli#release
Browse components

Build a page

Once the CLI is installed, choose components from the library, build the interface and check the result.

  1. components

    Choose components

    Find a component or page template in the library. Use its add command, then read the usage notes and examples.

  2. implementation

    Build the interface

    Use the component variants and design tokens. Connect forms, menus and actions to the page’s state and data.

  3. checks

    Check the page

    Run the token check. Test the interactions and review the layout at desktop and phone widths.

Components and page sections

Preview the components, read the usage notes and copy the source into the project.