Feima Code

Create a connected settings area with home, profile, notification preferences, subscription management, and account deletion. The screens include deletion confirmation and success, with links between each step and a route back to settings.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Designing an app’s account settings area
• Connecting profile and notification screens
• Showing subscription details and cancellation options

Design an app form for creating or editing a record, collecting sign-up details, or completing checkout. Plan field labels and grouping, validation messages, preserved input after errors, a saving state, and a clear next step after success.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Designing a record creation or edit form
• Collecting sign-up details clearly
• Planning checkout fields and validation

Design a connected first-run experience that guides people from a welcome screen through goal selection and a permission request to the home screen. It can also include an optional paywall, with a clear way to continue for free.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Designing first-run onboarding for a new app
• Letting users choose goals before shaping their home screen
• Explaining a permission request before the system prompt

Design an in-app search screen with a query field, filters, grouped results, highlighted matching terms, and recent searches. Include useful loading and no-results states so people can understand what happened and what to try next.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building search across articles, people, or files
• Adding filters and grouped results to an app
• Showing recent searches before a query is entered

Design the reusable frame for a web or mobile app, including its navigation, account menu, and initial work area. Choose a sidebar, top bar, tab bar, or icon rail to fit the platform, and establish navigation that later screens can share.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Planning shared navigation for a new app
• Choosing a sidebar, top bar, or tab bar layout
• Designing an account menu and first-use empty state

Create an app screen for one record, such as a support ticket or customer. Show its status, key details, relevant records, and a newest-first activity timeline, with clear states for missing records or denied access.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Designing a customer or order detail screen
• Showing a support ticket's status and conversation
• Organizing related records and recent activity

Create an app settings screen covering the sections a product needs, such as profile, notifications, security, billing, and integrations. Include clear controls, saved and error states, and a confirmation flow for account or workspace deletion.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Organizing profile and notification preferences
• Designing a security settings page
• Showing a failed save with values preserved

Design a connected AI chat flow from suggested prompts to a streaming reply, retryable errors, and an actionable result card. It helps create the key screens and transitions users encounter while talking with an assistant.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Designing an assistant’s first chat screen
• Showing a reply as it streams in
• Planning a retry after a chat error

Design a connected authentication flow for signing in, creating an account, resetting a password, and verifying by magic link or one-time code. It includes linked screens, wrong or expired code errors, and a welcome destination at the end.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Mapping sign-in and account creation screens
• Adding password reset and email verification
• Designing one-time code error states

Inspect a live website for issues such as contrast, tap target size, phone layout, enlarged text, broken images, page weight, and template-like appearance. Get a concise plain-language report of the main findings with annotated screenshots for review or redesign discussions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Checking a public website’s mobile layout
• Finding contrast and tap target issues
• Preparing evidence for a redesign discussion

Design a connected subscription flow covering plan selection, trial terms, upgrades, purchase restoration, success, and a win-back offer after cancellation. It includes billing details and store-required links, with clear ways to close or decline.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating monthly and yearly plan screens
• Explaining trial conversion and billing terms
• Adding restore purchases and policy links

Design a record list screen with search, filters, sorting, selection, bulk actions, and pagination. It also covers empty, loading, and no-results states so people can find a record, act on several, or open one.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building a searchable customer or order list
• Adding filters and sorting to an admin table
• Designing bulk actions for selected records

Create a pre-launch landing page with a brand logo, product message, and email signup form. Follow DESIGN.md for colors, fonts, and layout, producing a single HTML file with mobile layouts and form validation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create an email waitlist page before a product launch
• Build a signup page for beta participants
• Collect interest in an early access program

Add a live adjustment panel to an HTML page so viewers can explore colors, text sizes, spacing, themes, and motion. Changes appear immediately and are saved in the browser for the next visit.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Fine-tune a landing page’s colors and spacing
• Demonstrate brand or design system variations
• Add adjustable appearance controls to a standalone demo

Turn product requirements, roadmaps, architecture reviews, and retrospectives into HTML slides for decision-making. Choose one of eight visual themes to create a consistent, horizontally navigable deck, using source evidence and real numbers to support review.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building a business case for a proposed feature
• Preparing a roadmap for stakeholder review
• Presenting architecture choices for a decision

Summarize the past 24 hours of Gmail activity into items needing action, items worth attention, and informational updates. Orbit presents the daily digest as an opened email in a Gmail-style reading view using an authenticated Gmail connection.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing the past 24 hours of Gmail activity
• Checking messages that need action
• Separating noteworthy updates from informational mail

Build a single HTML dashboard for comparing metrics across social platforms. Include interactive charts, point details, selected-period comparisons, and light or dark themes, while adapting colors, typography, and components to an existing design guide.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing metrics across multiple social platforms
• Comparing selected periods on charts
• Exploring chart points and related insights

Turn a feature brief into a one-page product requirements document in HTML. Organize the problem, goals, success measures, user needs, delivery phases, and open questions so the team can review the proposed feature and its scope.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Draft a requirements document for a new feature
• Align a team on goals and excluded work
• Define success measures and measurement methods

Build a single-page SaaS product landing page with features, testimonials or logos, optional pricing, and clear action buttons. Follow the colors, fonts, and layout rules in DESIGN.md, and deliver one self-contained HTML file.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating a landing page for a SaaS product
• Building a product page that follows an existing design system
• Presenting features, testimonials, and pricing together

Create an HTML pricing page with plan cards, a feature comparison table, expandable FAQs, and action buttons. The skill adapts the number of plans to the brief and follows the project's colors, typography, and component patterns.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Prototyping a subscription pricing page
• Comparing features across service plans
• Presenting personal and business options

Build a magazine-style HTML presentation that explains a brand’s purpose, beliefs, and direction to partners, press, or a community. Combine seven slide types with horizontal navigation, touch swipes, and a thumbnail overview.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Explaining a brand story to partners and press
• Creating a founder pitch or conference presentation
• Combining product details, metrics, and customer quotes

Create a single HTML wireframe for a desktop dashboard using grey blocks, placeholder text bars, and crossed image boxes. Review navigation, information hierarchy, and panel placement before choosing final colors, copy, or imagery.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing a desktop dashboard layout
• Checking navigation and information hierarchy
• Planning KPI, chart, and table placement

Create a single-page editorial landing site from a brand brief, using paper textures, collage imagery, and structured content sections. The output includes responsive layouts, scroll animations, and sticky navigation, with generated, placeholder, or supplied images.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building an editorial landing page for a brand
• Presenting a studio's services and selected work
• Previewing a page with placeholder images

Create an HTML prototype of a social media analytics dashboard for creators. It uses consistent sample data to show platform metrics, follower growth, a top post, trending topics, and comments, with styling drawn from your design system.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Prototyping a creator analytics dashboard
• Designing a screen for metrics across social platforms
• Displaying follower growth and a top post