Build UI · by UXKIN
Step-by-step workflow for UI work: read the project, follow the plan for the job (new screen, dashboard, polish, simplify, review), then render, fix and check again.
Browse reusable instructions for your AI tools. Copy and customize a prompt, or download a skill for a supported agent.

Step-by-step workflow for UI work: read the project, follow the plan for the job (new screen, dashboard, polish, simplify, review), then render, fix and check again.
Build iPhone app screens that feel native: navigation, sheets, Dynamic Type, dark mode, permissions and paywalls, checked on small and large iPhones.
Turn a screenshot or mockup into matching UI with the project's own components, then compare the result side by side with the image and fix the differences.
Design and build the UI states agents forget: first use, empty, loading, error, offline, no results, long content, permission denied and success.
Research how real products handle a screen, flow or visual style before designing it: search UXKIN's real iOS screens, user journeys and website design systems, compare several and report what they share.
Try another platform, a broader search, or fewer filters.
Explore all resourcesResource formats: Prompts are ready to copy into a conversation. Skills install into the compatible agent shown on their page.
How it worksInclude the instructions, intended platforms, author, and license. Submissions are reviewed before publication.