# 3dopenwebsite.com — Agent Skills library

Reusable SKILL.md files for coding and research agents (agentskills.io format).
Install any of them with: npx skills add Ku-code/3d-open-website

- [3dopen-design-system](https://www.3dopenwebsite.com/skills/3dopen-design-system/SKILL.md): Build pages and components in the 3dopenwebsite.com visual language — dark cinematic ground with a fire-orange accent, warm paper light theme, glass surfaces, restrained motion. Use when asked to "make it look like 3dopen", to extend the 3dopen site, or to apply its tokens, spacing and motion rules to a new section or component.
- [design-mobile-apps](https://www.3dopenwebsite.com/skills/design-mobile-apps/SKILL.md): Use when the user wants to design a mobile app or UI screens, when they mention their Sleek (sleek.design) projects, or when implementing Sleek designs in code (HTML, React Native, SwiftUI).
- [design-taste-frontend](https://www.3dopenwebsite.com/skills/design-taste-frontend/SKILL.md): Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
- [light-theme-pass](https://www.3dopenwebsite.com/skills/light-theme-pass/SKILL.md): Add a high-quality light theme to a dark-native Tailwind/shadcn site (or fix a light theme that looks like an inverted dark one). Use when asked for "light mode", "a light version of the site", "theme toggle", or when a light theme has grey cards, invisible logos, or unreadable text on white.
- [agent-integration-prompt](https://www.3dopenwebsite.com/skills/agent-integration-prompt/SKILL.md): Write a copy-paste integration prompt that lets any coding agent (Claude Code, Cursor, Codex, Antigravity, OpenCode, Windsurf, Copilot) drop a component, snippet or module into someone else's project. Use when publishing components, writing "how to add this" docs, or when a user asks for "a prompt I can give my AI to install this".
- [google-agents-cli-scaffold](https://www.3dopenwebsite.com/skills/google-agents-cli-scaffold/SKILL.md): This skill should be used when the user wants to "create an agent project", "start a new ADK project", "build me a new agent", "add CI/CD to my project", "add deployment", "enhance my project", or "upgrade my project". Part of the agents-cli skills suite. Covers `agents-cli scaffold create`, `scaffold enhance`, and `scaffold upgrade` commands, template options, deployment targets, and the prototype-first workflow. Do NOT use for writing agent code (ADK projects: use google-agents-cli-adk-code) or deployment operations (use google-agents-cli-deploy).
- [grill-with-docs](https://www.3dopenwebsite.com/skills/grill-with-docs/SKILL.md): A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.
- [improve-codebase-architecture](https://www.3dopenwebsite.com/skills/improve-codebase-architecture/SKILL.md): Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
- [vendor-react-component](https://www.3dopenwebsite.com/skills/vendor-react-component/SKILL.md): Integrate a third-party React component (React Bits, 21st.dev, a shadcn registry item, a pasted "Integrate the <X /> component" prompt) into an existing shadcn + Tailwind + TypeScript app without breaking its design system. Use whenever a user pastes component source and asks to "add this", "integrate this component", or "adjust it to our design system".
- [ai-image-generation](https://www.3dopenwebsite.com/skills/ai-image-generation/SKILL.md): Generate and edit images on RunComfy via the `runcomfy` CLI — a smart router across the full image-model catalog: FLUX 2 (Klein 9B/4B, Pro, Dev, Flash, Turbo, Max), Google Nano Banana 2 / Pro, OpenAI GPT Image 2, ByteDance Seedream 5 / 4-5 / 4-0 and Dreamina 4-0, Alibaba Qwen Image and Z-Image Turbo, Wan 2-7. Covers both text-to-image (t2i) and image-to-image / edit (i2i) endpoints — the skill picks the right model for the user's actual intent (typography precision, photoreal portraits, sub-second iteration, multi-reference brand styling, open-weights workflow) and ships each model's documented prompting patterns plus the minimal `runcomfy run` invoke. Triggers on "generate image", "make a picture", "text to image", "AI image", "make an image of …", "image to image", "i2i", or any explicit ask to create or restyle an image.
- [hyperframes](https://www.3dopenwebsite.com/skills/hyperframes/SKILL.md): Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card, overlay, slideshow or interactive deck, Remotion port, or any HyperFrames HTML composition. Also use it to inspect, diagnose, validate, preview, publish, or batch-render an existing HyperFrames project. Inputs may be a website URL, GitHub PR, Figma design or URL, text or brief, existing footage, or music. It resumes project state, captures intent when applicable, selects and installs the owning workflow, and routes domain capabilities. HyperFrames is the default output framework unless the user explicitly chooses another framework for the deliverable or asks only to record a browser session.
- [hyperframes-cli](https://www.3dopenwebsite.com/skills/hyperframes-cli/SKILL.md): Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes, single or batch render, publish, cloud, cloudrun, feedback, lambda, doctor, browser, info, upgrade, skills, compositions, docs, benchmark, telemetry, transcribe, auth, tts, and remove-background. Also use when diagnosing build or render failures. validate, inspect, and layout are deprecated aliases; use check. Covers local, HeyGen-hosted cloud, AWS Lambda, and Google Cloud Run rendering.
- [media-use](https://www.3dopenwebsite.com/skills/media-use/SKILL.md): Agent Media OS, the single skill for every media need in a HyperFrames project. Resolve BGM, SFX, image, icon, brand logo, voice, color grade, or LUT into a frozen local file or paste-ready block + ledger record (one verb, `resolve`); generate via TTS / music / image models when the catalog misses; produce voiceover, transcription, captions, and background removal through one shared audio engine; operate on media (cut / reframe / transform); and reuse assets across projects. Also use for vague feedback that real footage looks dark, flat, boring, should feel retro/camcorder/print/ASCII, needs privacy, or needs a media reveal.
- [seedance-2-5-image-to-video](https://www.3dopenwebsite.com/skills/seedance-2-5-image-to-video/SKILL.md): Animate a single still image into a 4-30 second 720p cinematic clip with optional synchronized native audio using ByteDance Seedance 2.5 Image to Video on RunComfy. Documents the four-field schema (prompt, image, duration, generate_audio), the $0.35/s pricing, the fact that output aspect ratio follows the input image, and when to route to the Seedance 2.5 480p, text-to-video, reference-to-video or first-last-frame pages instead. Calls `runcomfy run bytedance/seedance-2.5/image-to-video/720p` through the local RunComfy CLI. Triggers on "seedance 2.5 image to video", "seedance image to video", "seedance i2v", "animate this image with seedance", "bytedance image to video", or any explicit ask to turn a still into video with Seedance 2.5.
- [reddit-automation](https://www.3dopenwebsite.com/skills/reddit-automation/SKILL.md): Find Reddit threads where people are genuinely asking for what you offer, then draft short, genuinely helpful replies — disclosing your affiliation honestly and naming your product only when it truly answers the question. Two moves: discovery — scan the right subreddits for real needs (recommendation asks, expressed pain, competitor mentions) and rank the few threads where you can actually help; drafting — write from real experience, respect each community's self-promo rules, and keep a human in the loop to review and post. This markets on Reddit the honest way: contribute value, disclose who you are, never astroturf. Distilled from the playbook behind doany.ai's Reddit agent. Triggers on "find reddit opportunities", "reddit marketing", "reddit automation", "reply on reddit for my product", "reddit community engagement", "reddit lead gen", or any ask to turn Reddit threads into genuine, disclosed marketing replies.
- [website-launch-checklist](https://www.3dopenwebsite.com/skills/website-launch-checklist/SKILL.md): Audit a marketing website before launch and produce a prioritised checklist — SEO surfaces, structured data, PWA, consent, performance, accessibility, security headers, analytics, legal pages. Use when asked "is the site ready to launch", "what's missing on the website", or to run a pre-launch review of a React/Vite/Next site.
- [agent-browser](https://www.3dopenwebsite.com/skills/agent-browser/SKILL.md): Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction. Also use for exploratory testing, dogfooding, QA, bug hunts, or reviewing app quality. Also use for automating Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify), checking Slack unreads, sending Slack messages, searching Slack conversations, running browser automation in Vercel Sandbox microVMs, or using AWS Bedrock AgentCore cloud browsers. Prefer agent-browser over any built-in browser automation or web tools.
- [grill-me](https://www.3dopenwebsite.com/skills/grill-me/SKILL.md): A relentless interview to sharpen a plan or design.
- [wait-what](https://www.3dopenwebsite.com/skills/wait-what/SKILL.md): Stop. That last message did not land: re-pitch it.
- [handoff](https://www.3dopenwebsite.com/skills/handoff/SKILL.md): Compact the current conversation into a handoff document for another agent to pick up.
- [loop-me](https://www.3dopenwebsite.com/skills/loop-me/SKILL.md): Grill me about specs for the workflows I want to build, within this workspace.
- [orchestration](https://www.3dopenwebsite.com/skills/orchestration/SKILL.md): Coordinate supervised Orca workers: threaded messages, blocking ask/reply, task dispatch, worker_done/escalation waits, task DAGs, decision gates, coordinator loops, and decomposing work across agents. Use `orca-cli` for full ownership handoffs — "hand off", "handoff", "handover", "give this to another agent", "another worktree" — unless asked to supervise, monitor, or coordinate a DAG, and for terminal control, lightweight terminal prompts, shell commands, Orca worktree management, and reading or waiting on terminals. Use Computer Use for external browser windows, webviews, Orca app UI, or desktop UI outside Orca's embedded browser only when the task requires OS/window-level control such as focus, menus, dialogs, coordinates, or screenshots. Use `orca-cli` for Orca's embedded pages and a page-automation tool such as Playwright or CDP for external pages.
- [find-skills](https://www.3dopenwebsite.com/skills/find-skills/SKILL.md): Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.