Back to skills
extension
Category: Development & EngineeringNo API key required

Create View

Step-by-step guidance for create view.

personAuthor: jakexiaohubgithub

Create View

Create production-ready views with predictable behavior and maintainable structure.

When to Use

  • You need to implement a new screen or page.
  • You want a view structure that handles common UI states correctly.

Workflow

  1. Map required user interactions and content hierarchy.
  2. Define view state model (loading, success, empty, error).
  3. Implement component structure and data-fetch pattern.
  4. Add validation, accessibility, and responsive behaviors.
  5. Provide test cases for core interactions and edge states.

Output

  • View implementation plan
  • Component/state structure guidance
  • QA checklist for behavior and accessibility