Prototype a single-page website for SaaS, documentation, or knowledge products. Use warm off-white backgrounds, serif headings, fine dividers, generous spacing, and subtle motion to create a restrained layout with features and a signup or pricing section.
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.
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.
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.
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.
Turn weekly results, ongoing work, blockers, and key metrics into an HTML slide deck. Highlight the week’s important number, an anomaly, and the decision or named requests the operations and growth team should address.
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.
Create soft, polished web prototypes with silver or cream backgrounds, nested card borders, rounded surfaces, and carefully specified motion. The skill defines page sections, buttons, navigation, and mobile layouts for a consistent visual style.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Is this your account? Link GitHub to bring it onto your creator page (Japanese)