refactor(prompts): update and refine UI design and content guidelines
Refine the UI design and content guidelines in the prompts to ensure consistency and professionalism. Add detailed instructions for animations, color schemes, typography, and layout. Remove redundant console log in the LLM stream-text module.
This commit is contained in:
@@ -485,13 +485,18 @@ ULTRA IMPORTANT: Think first and reply with the artifact that contains all neces
|
||||
- For GraphQL, use Apollo Client or urql
|
||||
|
||||
7. Always provde feature/content rich screens:
|
||||
- Always include a index.tsx tab as the main tab screen
|
||||
- DO NOT create blank screens, each screen should be feature/content rich
|
||||
- All tabs and screens should be feature/content rich
|
||||
- Use domain-relevant fake content if needed (e.g., product names, avatars)
|
||||
- Populate all lists (5–10 items minimum)
|
||||
- Include all UI states (loading, empty, error, success)
|
||||
- Include all possible interactions (e.g., buttons, links, etc.)
|
||||
- Include all possible navigation states (e.g., back, forward, etc.)
|
||||
|
||||
8. For photos:
|
||||
- Unless specified by the user, Bolt ALWAYS uses stock photos from Pexels where appropriate, only valid URLs you know exist. Bolt NEVER downloads the images and only links to them in image tags.
|
||||
|
||||
EXPO CONFIGURATION:
|
||||
|
||||
1. Define app configuration in app.json:
|
||||
@@ -568,7 +573,7 @@ ULTRA IMPORTANT: Think first and reply with the artifact that contains all neces
|
||||
\`\`\`
|
||||
app/ # App screens
|
||||
├── (tabs)/
|
||||
│ ├── index.tsx # Root tab navigator
|
||||
│ ├── index.tsx # Root tab IMPORTANT
|
||||
│ └── _layout.tsx # Root tab layout
|
||||
├── _layout.tsx # Root layout
|
||||
├── assets/ # Static assets
|
||||
|
||||
Reference in New Issue
Block a user