oh-my-opencode 4.12.1 → 4.13.0

package/dist/skills/frontend/references/design/tesla.md

@@ -1,5 +1,8 @@
 # Design System Inspired by Tesla
 
+> Category: Automotive
+> Electric automotive. Radical subtraction, full-viewport photography, near-zero UI.
+
 ## 1. Visual Theme & Atmosphere
 
 Tesla's website is an exercise in radical subtraction — a digital showroom where the product is everything and the interface is almost nothing. The page opens with a full-viewport hero that fills the entire screen with cinematic car photography: three vehicles arranged on polished concrete against a hazy cityscape sky, with a single model name floating above in translucent white type. There are no decorative borders, no gradients, no patterns, no shadows. The UI exists only to provide just enough navigational structure to get out of the way. Every pixel that isn't product imagery is white space, and that restraint is the design system's most powerful statement.

package/dist/skills/frontend/references/design/theverge.md

@@ -1,5 +1,8 @@
 # Design System Inspired by The Verge
 
+> Category: Media & Consumer
+> Tech editorial media. Acid-mint and ultraviolet accents, Manuka display, rave-flyer story tiles.
+
 ## 1. Visual Theme & Atmosphere
 
 The Verge's 2024 redesign feels like somebody wired a Condé Nast magazine to a chiptune soundboard. The canvas is almost-black (`#131313`), the headlines are built from a brutally heavy display face (Manuka) that runs up to 107px, and the whole page is peppered with acid-mint `#3cffd0` and ultraviolet `#5200ff` that behave less like brand colors and more like hazard tape. Story tiles are not quiet gray cards — they're saturated, full-bleed color blocks (yellow, pink, orange, blue, purple) that feel like pasted-up rave flyers arranged into a timeline. The mood is "developer console meets club night meets tech tabloid": serious enough to cover a congressional hearing, loud enough to review a synthesizer.

package/dist/skills/frontend/references/design/together.ai.md

@@ -1,5 +1,8 @@
 # Design System Inspired by Together AI
 
+> Category: AI & LLM
+> Open-source AI infrastructure. Technical, blueprint-style design.
+
 ## 1. Visual Theme & Atmosphere
 
 Together AI's interface is a pastel-gradient dreamscape built for enterprise AI infrastructure — a design that somehow makes GPU clusters and model inference feel light, airy, and optimistic. The hero section blooms with soft pink-blue-lavender gradients and abstract, painterly illustrations that evoke clouds and flight, establishing a visual metaphor for the "AI-Native Cloud" proposition. Against this softness, the typography cuts through with precision: "The Future" display font at 64px with aggressive negative tracking (-1.92px) creates dense, authoritative headline blocks.

package/dist/skills/frontend/references/design/uber.md

@@ -1,5 +1,8 @@
 # Design System Inspired by Uber
 
+> Category: Media & Consumer
+> Mobility platform. Bold black and white, tight type, urban energy.
+
 ## 1. Visual Theme & Atmosphere
 
 Uber's design language is a masterclass in confident minimalism -- a black-and-white universe where every pixel serves a purpose and nothing decorates without earning its place. The entire experience is built on a stark duality: jet black (`#000000`) and pure white (`#ffffff`), with virtually no mid-tone grays diluting the message. This isn't the sterile minimalism of a startup that hasn't finished designing -- it's the deliberate restraint of a brand so established it can afford to whisper.

package/dist/skills/frontend/references/design/vercel.md

@@ -1,5 +1,8 @@
 # Design System Inspired by Vercel
 
+> Category: Developer Tools
+> Frontend deployment. Black and white precision, Geist font.
+
 ## 1. Visual Theme & Atmosphere
 
 Vercel's website is the visual thesis of developer infrastructure made invisible — a design system so restrained it borders on philosophical. The page is overwhelmingly white (`#ffffff`) with near-black (`#171717`) text, creating a gallery-like emptiness where every element earns its pixel. This isn't minimalism as decoration; it's minimalism as engineering principle. The Geist design system treats the interface like a compiler treats code — every unnecessary token is stripped away until only structure remains.

package/dist/skills/frontend/references/design/vodafone.md

@@ -1,5 +1,8 @@
 # Design System Inspired by Vodafone
 
+> Category: Media & Consumer
+> Global telecom brand. Monumental uppercase display, Vodafone Red chapter bands.
+
 ## 1. Visual Theme & Atmosphere
 
 Vodafone's corporate web system carries the confident, broadcast-scale presence of a global telecom brand — built around a single, fiercely-owned brand red and a restrained, editorial layout that lets imagery and type carry the emotional weight. Every page opens the same way: a cinematic dark hero image behind a towering, tight-tracked uppercase display headline ("EVERYONE. CONNECTED.", "INVESTORS", "OUR BUSINESS") followed by a deep red full-width band that acts as a chapter break, then a crisp white editorial grid or a near-black section reserved for institutional content (share ticker, global map, ESG data). The voice is institutional but human: warm documentary photography — cable-laying crews, coral reefs, pine forests, urban twilight — photographed with color-graded realism and set against clean neutral surfaces that never compete with the content.

package/dist/skills/frontend/references/design/voltagent.md

@@ -1,5 +1,8 @@
 # Design System Inspired by VoltAgent
 
+> Category: AI & LLM
+> AI agent framework. Void-black canvas, emerald accent, terminal-native.
+
 ## 1. Visual Theme & Atmosphere
 
 VoltAgent's interface is a deep-space command terminal for the AI age — a developer-facing darkness built on near-pure-black surfaces (`#050507`) where the only interruption is the electric pulse of emerald green energy. The entire experience evokes the feeling of staring into a high-powered IDE at 2am: dark, focused, and alive with purpose. This is not a friendly SaaS landing page — it's an engineering platform that announces itself through code snippets, architectural diagrams, and raw technical confidence.

package/dist/skills/frontend/references/design/warp.md

@@ -1,5 +1,8 @@
 # Design System Inspired by Warp
 
+> Category: Developer Tools
+> Modern terminal. Dark IDE-like interface, block-based command UI.
+
 ## 1. Visual Theme & Atmosphere
 
 Warp's website feels like sitting at a campfire in a deep forest — warm, dark, and alive with quiet confidence. Unlike the cold, blue-tinted blacks favored by most developer tools, Warp wraps everything in a warm near-black that feels like charred wood or dark earth. The text isn't pure white either — it's Warm Parchment (`#faf9f6`), a barely-perceptible cream that softens every headline and makes the dark canvas feel inviting rather than austere.

package/dist/skills/frontend/references/design/webflow.md

@@ -1,5 +1,8 @@
 # Design System Inspired by Webflow
 
+> Category: Design & Creative
+> Visual web builder. Blue-accented, polished marketing site aesthetic.
+
 ## 1. Visual Theme & Atmosphere
 
 Webflow's website is a visually rich, tool-forward platform that communicates "design without code" through clean white surfaces, the signature Webflow Blue (`#146ef5`), and a rich secondary color palette (purple, pink, green, orange, yellow, red). The custom WF Visual Sans Variable font creates a confident, precise typographic system with weight 600 for display and 500 for body.

package/dist/skills/frontend/references/design/wired.md

@@ -1,5 +1,8 @@
 # Design System Inspired by WIRED
 
+> Category: Media & Consumer
+> Tech magazine. Paper-white broadsheet density, custom serif display, mono kickers, ink-blue links.
+
 ## 1. Visual Theme & Atmosphere
 
 WIRED's homepage feels like a printed broadsheet that someone has plugged into a wall socket. The grid is dense, the rules are thin, the type is loud, and almost every surface is paper-white or pure black with no rounded corners and no decoration that doesn't earn its place. Image rectangles butt directly against headlines, hairline dividers separate stories the way pica rules separate columns in a real magazine, and the only colors that aren't grayscale come from the photography itself. There is no "card with shadow" anywhere — the entire layout is held together by typographic weight and the discipline of rules and whitespace, the same way a Condé Nast print page would be assembled in a paste-up room.

package/dist/skills/frontend/references/design/wise.md

@@ -1,5 +1,8 @@
 # Design System Inspired by Wise
 
+> Category: Fintech & Crypto
+> Money transfer. Bright green accent, friendly and clear.
+
 ## 1. Visual Theme & Atmosphere
 
 Wise's website is a bold, confident fintech platform that communicates "money without borders" through massive typography and a distinctive lime-green accent. The design operates on a warm off-white canvas with near-black text (`#0e0f0c`) and a signature Wise Green (`#9fe870`) — a fresh, lime-bright color that feels alive and optimistic, unlike the corporate blues of traditional banking.

package/dist/skills/frontend/references/design/x.ai.md

@@ -1,5 +1,8 @@
 # Design System Inspired by xAI
 
+> Category: AI & LLM
+> Elon Musk's AI lab. Stark monochrome, futuristic minimalism.
+
 ## 1. Visual Theme & Atmosphere
 
 xAI's website is a masterclass in dark-first, monospace-driven brutalist minimalism -- a design system that feels like it was built by engineers who understand that restraint is the ultimate form of sophistication. The entire experience is anchored to an almost-black background (`#1f2228`) with pure white text (`#ffffff`), creating a high-contrast, terminal-inspired aesthetic that signals deep technical credibility. There are no gradients, no decorative illustrations, no color accents competing for attention. This is a site that communicates through absence.

package/dist/skills/frontend/references/design/zapier.md

@@ -1,5 +1,8 @@
 # Design System Inspired by Zapier
 
+> Category: Productivity & SaaS
+> Automation platform. Warm orange, friendly illustration-driven.
+
 ## 1. Visual Theme & Atmosphere
 
 Zapier's website radiates warm, approachable professionalism. It rejects the cold monochrome minimalism of developer tools in favor of a cream-tinted canvas (`#fffefb`) that feels like unbleached paper -- the digital equivalent of a well-organized notebook. The near-black (`#201515`) text has a faint reddish-brown warmth, creating an atmosphere more human than mechanical. This is automation designed to feel effortless, not technical.