Redesign examples based on new JSON project specification

[Copilot]

Redesign Examples Based on New JSON Project Specification

This PR redesigns the examples directory to follow the new JSON project specification, introducing a JSON-first approach for demonstrating Object UI capabilities.

Changes Made

New JSON-Based Examples

Created 4 standalone JSON schema examples that can be directly rendered using the Object UI CLI:

• basic-form/ - Contact form with validation and Tailwind styling
• dashboard/ - Analytics dashboard with metrics, activity feeds, and responsive grids
• data-display/ - User profiles, task lists, badges, and progress bars
• landing-page/ - Complete marketing page with hero section, features, and CTAs

Each example includes:

• app.json - Pure JSON schema definition
• README.md - Comprehensive documentation with usage instructions and customization guide
• .gitignore - Git ignore configuration

Documentation Updates

• Created comprehensive examples/README.md with learning path and full index of all examples
• Updated root README.md to prominently feature new JSON examples with CLI usage
• Updated docs/guide/quick-start.md to reference actual examples instead of non-existent ones
• Added "Running Example Projects" section to docs/CLI_GUIDE.md with detailed instructions
• Fixed repository URL inconsistency (objectql/objectui) throughout examples documentation

Best Practices

• All examples use pure JSON schemas (no code required)
• Follow Tailwind CSS and Shadcn/UI conventions
• Bilingual support where appropriate (cli-demo)
• All JSON schemas validated successfully

Usage

Users can now quickly explore Object UI capabilities by running:

npm install -g @object-ui/cli
objectui serve examples/basic-form/app.json

This provides a clear learning path from simple forms to complex dashboards and landing pages.

Original prompt

基于新的json项目规范，重新设计examples

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
objectui-playground	Ready	Preview, Comment	Jan 15, 2026 4:02am

[Copilot]

Pull request overview

This PR redesigns the examples directory based on a new JSON project specification, introducing a JSON-first approach for demonstrating Object UI capabilities. The changes add four new standalone JSON schema examples that can be directly rendered using the Object UI CLI.

Changes:

• Added 4 new JSON-based examples (basic-form, dashboard, data-display, landing-page) with complete documentation
• Created comprehensive examples/README.md with learning paths and usage instructions
• Updated root README.md to prominently feature new JSON examples with CLI usage examples

Reviewed changes

Copilot reviewed 14 out of 14 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
examples/basic-form/app.json	Contact form schema demonstrating input fields, validation, and grid layouts
examples/basic-form/README.md	Comprehensive documentation for the basic form example
examples/basic-form/.gitignore	Standard ignore file for Object UI temp files and OS/IDE artifacts
examples/dashboard/app.json	Analytics dashboard schema with metrics, activity feeds, and sticky header
examples/dashboard/README.md	Detailed documentation for dashboard patterns and customization
examples/dashboard/.gitignore	Standard ignore file for Object UI temp files and OS/IDE artifacts
examples/data-display/app.json	Data visualization schema showcasing profiles, tasks, progress bars, and badges
examples/data-display/README.md	Documentation for various data display patterns and color schemes
examples/data-display/.gitignore	Standard ignore file for Object UI temp files and OS/IDE artifacts
examples/landing-page/app.json	Full marketing landing page schema with hero, features, CTA, and footer sections
examples/landing-page/README.md	Comprehensive guide for landing page structure and customization
examples/landing-page/.gitignore	Standard ignore file for Object UI temp files and OS/IDE artifacts
examples/README.md	Main examples index with learning paths, quick start guides, and feature matrix
README.md	Updated to prominently feature new JSON examples with CLI commands

[Copilot]

Repository URL inconsistency: The examples README uses 'objectstack-ai/objectui' while the rest of the repository consistently uses 'objectql/objectui' (as seen in CONTRIBUTING.md, README.md, and throughout the docs). This should be updated to match the correct repository organization name.

Suggested change

	-[Open an Issue](https://github.com/objectstack-ai/objectui/issues)
	-[Join Discussions](https://github.com/objectstack-ai/objectui/discussions)
	-[Open an Issue](https://github.com/objectql/objectui/issues)
	-[Join Discussions](https://github.com/objectql/objectui/discussions)

[Copilot]

Fixed in commit 0dddf0e. Updated the repository URLs to use 'objectql/objectui' to match the convention used throughout the rest of the documentation.

[hotlong]

@copilot 继续工作

[github-actions]

✅ All checks passed!

• ✅ Type check passed
• ✅ Tests passed
• ✅ Lint check completed