Better prompts start
with a clearer brief.
Plan your app, define its look, and give your builder the context it needs. 20 practical tools, ready when you are.
Design
Tools: 6- Design directionAa
Make it yours.
radius: 12pxDesignVisual UI Prompt Builder
Shape the interface. Take the words with you.
Open tool Beyond the default
LoadingEmptyErrorSuccessOfflineDeniedDesignUI State Matrix Generator
Give every component its missing states.
Open toolA shared vocabulary
--space-4: 16px;
--radius-md: 12px;
DesignDesign Token Generator
Keep the values behind your interface consistent.
Open toolContrast, measured
Aa7.83:1AA normal text · Pass
DesignColor Contrast Checker
Put a number behind the color choice.
Open toolA rhythm for your type
Heading one
A little hierarchy.
16 × 1.25 = a type scale
DesignTypography Scale Playground
See your type scale before you ship it.
Open toolOne screen, three sizes
Mobile → tablet → desktop
DesignResponsive Layout Brief Builder
Write the small-screen behavior into the brief.
Open tool
Prompting
Tools: 2Feature recipe
Build a booking flow.
01 Availability & capacity
02 Reserve & confirm
03 Verify edge cases
PromptingApp Feature Prompt Builder
Choose a recipe. Fill in the decisions.
Open toolPrompt coverage
5 / 8 decisions
Missing: data, flows, checks
PromptingPrompt Checklist Checker
Find the gaps before your builder guesses.
Open tool
Planning
Tools: 7- Beyond the happy path2 / 3Invalid credentialsExpired reset linkSession expiredPlanning
Forgotten Screens Checklist
Catch the screens that didn't make the brief.
Open tool Who can do what?
ReadEditDeleteGuest✓——Member✓✓—Admin✓✓✓PlanningApp Permissions Matrix Builder
Make access decisions visible.
Open toolDefine done
GIVEN A confirmed booking
WHEN A guest cancels
THEN Release the seat
An outcome you can verify.PlanningAcceptance Criteria Builder
Make “done” something you can check.
Open toolA useful build order
1Foundation
2Accounts
3Payments
PlanningFeature Build Sequence Planner
A sensible order for the next few prompts.
Open toolFields with a purpose
Email address *you@example.comRequired · Valid email
PlanningForm Specification Builder
Fields, validation, and conditions in one place.
Open toolA place for every page
/ Home
/app Dashboard
/projects
/settings
PlanningApp Sitemap Builder
Plan the routes before the redirects.
Open toolRecords & relationships
users
id · emailprojects
owner_idOne user → many projects
PlanningDatabase Schema Planner
Make your data relationships explicit.
Open tool
Context
Tools: 3- project-knowledge.md
# A little context
01 Product & audience
02 Stack & workflows
03 Design & constraints
ContextLovable Knowledge Builder
Give your builder the context worth keeping.
Open tool - AGENTS.mdCLAUDE.md.mdc
# Working agreements
+ Reuse existing components
+ Keep changes focused
+ Verify before finishing
ContextProject Rules Generator
Make the way you work part of the project.
Open tool Pick up where you left off
Built: accounts & bookings
Verified: session persistence
Next: investigate checkoutContextProject Handoff Pack Builder
Leave the next session a useful starting point.
Open tool
Development
Tools: 1Debugging
Tools: 1Keep the context. Build on it.
Archly brings your project context, platform profiles, and prompts into one workspace.