Motion designer reel library.
The engineering brief.
Make supplied reels and process notes easy to explore without autoplaying audible media.
Architecture & design portfolios · Authored October 27, 2026 · Curated specification, not a claim of a completed production build
A connected route plan.
- Home
- Login
- Register
- reels workspace
- Record detail
- Profile
Specific interaction
Add discipline filtering, explicit playback controls and transcripts or descriptions where supplied.
Acceptance check
Confirm videos start muted or only by user action and all controls are keyboard reachable.
The starting data contract.
reels · 3 typed fields
title- string · required
discipline- string · required
year- number
saved_reels · 2 typed fields
title- string · required
note- string · required
Capabilities
Database · Visitor auth. The brief requires real supported integrations; missing services must stay explicitly unavailable.
Design direction
Editorial warm ivory, a distinctive licensed serif for display, neutral sans body, asymmetrical supplied imagery and generous but consistent project spacing.
The complete prompt.
Edit business facts, service boundaries and the first-release scope before building. The specification is original public documentation, not a customer project source bundle.
PRODUCT AND OUTCOME
Build motion designer reel library. Make supplied reels and process notes easy to explore without autoplaying audible media. Add discipline filtering, explicit playback controls and transcripts or descriptions where supplied.
ROUTES AND ARCHITECTURE
Create Home, Login, Register, reels workspace, Record detail, Profile as real, connected routes. Establish the shared design, route and data contract before generating modules. Keep feature modules, shared navigation, data state and styles separate. Use the supported runtime and approved components; do not invent dependencies or disconnected pages.
DATA CONTRACT
Start from this data/schema.json specification: {"version":1,"collections":[{"name":"reels","fields":{"title":{"type":"string","required":true},"discipline":{"type":"string","required":true},"year":{"type":"number"}},"label":"reels","access":"private","seed":[]},{"name":"saved_reels","fields":{"title":{"type":"string","required":true},"note":{"type":"string","required":true}},"label":"saved reels","access":"private","seed":[]}]}. Wire list/get/create/update/remove and subscriptions to real Uvilno.db calls. Derive filters, counts and charts from the same returned records. Real transactional collections begin empty; visibly label and separate any fictional demonstration data. Private writes require the actual isolated visitor identity, not a local role label.
IDENTITY AND INTEGRATIONS
Use configured project-scoped Uvilno.auth; preserve the creator's Uvilno session. Handle sign-in, confirmation, errors and sign-out honestly. Do not add model inference or an unrelated AI assistant unless the brief requests it. Do not fabricate payment, email, booking, messaging or infrastructure connections. Preview Admin/Member/Guest controls change presentation only and cannot authorize privileged writes.
DESIGN DIRECTION
Editorial warm ivory, a distinctive licensed serif for display, neutral sans body, asymmetrical supplied imagery and generous but consistent project spacing. Use only supplied or permission-cleared imagery and licensed fonts. Support 320, 390, 768 and 1440px layouts, keyboard interaction, visible focus and reduced motion. Do not invent testimonials, clients, credentials, usage metrics or awards.
ACCEPTANCE
Confirm videos start muted or only by user action and all controls are keyboard reachable. Also check invalid input, empty collections, loading, failed writes, cross-page navigation and a second isolated visitor. Preserve form input on failure; do not claim a check passed unless executed.
HANDOFF
Describe unsupported requirements and Uvilno-hosted dependencies explicitly. Source unlock is $4.99 for one project; generation, hosting and services remain separate. Exporting frontend source does not migrate private records, credentials, accounts or managed infrastructure. Prepare this as an editable brief: project naming never starts generation, and the user must explicitly send it.Related workflows.
Questions before you choose.
What does the motion designer reel library prompt include?
It defines 6 route roles, the reels and saved_reels collections, specific interactions, design direction and an acceptance check. Review the supplied requirements before asking the builder to implement them.
Does preparing this prompt start a build or spend usage?
No. The action saves the exact editable brief and opens project naming or authentication. Generation starts only when you explicitly send the prompt. Copying the text makes no model request.
Are the generated app and services included in a $4.99 source unlock?
The one-time unlock grants source access for one project. Generation, hosting and external services are separate. Managed authentication, data, AI and payments remain hosted dependencies unless migrated or replaced; private records and credentials are not in the export.
Check the architecture. Compare the tradeoffs.
Follow the data model, account boundary and source handoff before choosing a builder.
Compare builders
Plan a full-stack app
Review the evidence
- Full-stack builder buyer’s guide
- Four full-stack workflows compared
- Plan data, sign-in and checkout
- Machine-readable evidence and methodology
- Remixable app blueprints
- Direct answers to builder questions
- Free planning and migration tools
- 108 full-stack engineering prompts
- Public SDK documentation
- Recorded checks and open evaluation protocol
- RSS updates for guides and comparisons