Proper UI

Content site

A blog index, an article page and a newsletter sign-up for a publishing site.

4 steps

  1. Blog page 01
    Step 1

    Blog page 01

    The blog index listing recent and featured posts.

    npx @properui/cli@latest add blog-page-01
  2. Blog post 01
    Step 2

    Blog post 01

    A single article layout with author, date and readable body text.

    npx @properui/cli@latest add blog-post-01
  3. Newsletter card horizontal
    Step 3

    Newsletter card horizontal

    A newsletter sign-up block to capture readers after an article.

    npx @properui/cli@latest add newsletter-card-horizontal
  4. About page 02
    Step 4

    About page 02

    An about page that tells readers who writes the publication.

    npx @properui/cli@latest add about-page-02

Install this flow

One command writes every step and the components they compose.

npx @properui/cli@latest add blog-page-01 blog-post-01 newsletter-card-horizontal about-page-02

Working in an agent? Ask the MCP server for the same journey.

search_flows "Content site"