Feima Code

Create full-screen animated visuals with WebGL, a browser technology for GPU rendering. Combine shaders, 3D scenes, or particles with a text overlay, and deliver the result as one self-contained HTML file without external requests.

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

• Create a website hero animation
• Build generative art with a headline
• Prototype a 3D scene or particle field

Create a desktop landing page wireframe, a simple layout made of grey boxes, with numbered markers and a matching specification panel. The result shows page structure alongside short implementation and user experience notes.

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

• Planning a desktop landing page layout
• Sharing implementation notes with developers
• Reviewing navigation, hero, and feature placement

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

Generates short, single-shot videos for product reveals, teasers, and ambient loops. Plans the subject, movement, and lighting, then saves an MP4 in the project folder using the selected model, duration, and aspect ratio.

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

• Creating a short product reveal video
• Generating a motion teaser
• Making an ambient background loop

Turn content into a Xiaohongshu-style series of knowledge cards, with a cover, one key point per card, and a closing summary. Large text, soft colors, and a screenshot-friendly layout support preparing image posts.

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

• Turning practical tips into a series of knowledge cards
• Preparing a carousel post for Xiaohongshu
• Creating image posts for WeChat Moments

Creates quote or data cards to accompany Twitter or X posts. The wide layout combines a prominent short statement with author details, a category label, and a brand watermark, ready to capture as an image.

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

• Turning a short quote into a post image
• Creating a card to share data
• Sharing an insight with author details

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 hand-drawn HTML wireframe for exploring screen layouts before detailed design. Graph paper, sticky notes, sketch tabs, and rough chart placeholders present an early concept with annotations for discussion and review.

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

• Sketching an initial portal or dashboard layout
• Presenting layout options with labeled sketch tabs
• Adding review notes to an early screen concept

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

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

Automatically gathers the past 24 hours of activity from connected services into one morning dashboard, bringing together meetings, pending replies, tasks, and development updates in visual modules suited to each type of information.

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

• Reviewing activity across tools each morning
• Checking meetings and pending responses together
• Scanning development updates and alerts

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

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

Build a website prototype as a single HTML file using a supplied template and section layouts. Suitable for landing pages, pricing pages, and documentation indexes, with colors adapted to an existing design system.

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

• Prototyping a product landing page
• Creating a pricing comparison page
• Designing a documentation index

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

Create a horizontal-swipe HTML deck for an operating review, organizing growth, cash burn, and sustainability around leadership decisions. Use supplied layouts and the active design system to produce a single index.html file.

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

• Preparing an operating review for leadership
• Creating a board pre-read for a decision
• Presenting growth and cash burn in HTML slides

Summarize the past 24 hours of GitHub pull requests, review requests, issues, CI runs, and merges in a daily briefing. The GitHub-style page highlights pending reviews and failed automated checks.

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

• Reviewing the past 24 hours of GitHub activity
• Checking pending review requests
• Spotting failed CI checks

Build a single HTML visualizer for particles, fractals, simulations, or data. It moves heavy calculations into a Web Worker, a background browser process, and draws on a canvas while targeting smooth 60fps rendering.

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

• Prototyping a particle or physics simulation
• Visualizing Mandelbrot or Julia fractals
• Building an audio or data visualizer

Build a trading analysis dashboard as a single HTML file, with dense market panels and interactive charts. Include light and dark themes, Live/Demo controls, chart focus views, and a keyboard command menu for navigating the interface.

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

• Prototyping a financial analysis terminal
• Presenting a dashboard with dense market panels
• Demonstrating chart tooltips and focus views

Create an animated HTML scene for history or trivia explainers, combining pixel art, a prominent year, moving text, and a scrolling timeline. CSS loops provide motion, making the scene suitable for screen recording.

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

• Creating an animated scene for a history explainer
• Presenting trivia with pixel-art characters
• Preparing a retro animation for screen recording

Create three square social media cards with connected headlines, consistent branding, and distinct cinematic colors. The result is a single HTML layout that presents the cards together while keeping each panel readable on its own.

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

• Designing a three-card Instagram carousel
• Creating a branded series for LinkedIn
• Preparing connected cards for an X thread

Creates web prototypes inspired by Swiss industrial print, using newsprint backgrounds, oversized black type, fine grid lines, and red accents. It suits editorial pages, agency portfolios, and manifesto sites with a precise, assertive visual style.

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

• Prototyping a newspaper-style editorial page
• Designing an agency portfolio
• Building a manifesto site

Turn Markdown or notes into a magazine-style HTML article. A large title, centered reading column, distinctive headings, styled quotations, and labeled code blocks give long essays and newsletters a consistent visual structure.

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

• Turning Markdown into a magazine-style article
• Formatting an essay from notes
• Designing a long-form newsletter

Generate a daily digest of Linear issue activity from the past 24 hours, including status changes, assignments, and cycle progress. Orbit runs the skill automatically and presents the briefing in a compact layout modeled on Linear's Inbox.

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

• Review Linear issue changes from the past 24 hours
• Identify assigned or stalled issues needing attention
• Check cycle progress and remaining time