NEXAGEN Website Studio
From idea to a real website. PRIME designs it, creates image and video visuals, and delivers responsive web and code as Next.js, React or HTML.
Analyzes the site goal and audience first, then plans information architecture, visual direction, design system and components before writing React·Next.js code. Delivers build-ready code with motion, interactions, responsive layout, accessibility, SEO and performance checks, plus handoff steps, inside the conversation. When asked, it makes hero/background videos and section visuals with the NEXAGEN video and image workflows after a cost check. NEXAGEN does not build, preview or deploy the site; browser checks and hosting happen in your own environment.
When to use it
Use it when
- Design and build a new SaaS landing page
- Redesign the homepage of this Next.js project
- Build a portfolio that is fully responsive down to mobile
Use another Skill when
- Make a 15-second ad video for our new lipstick.NEXAGEN AD Campaign Creator
- Make one poster image to promote my cafe.NEXAGEN Image Creator
What it uses in NEXAGEN
- Site goal analysis, information architecture, design system
- React·Next.js page and component code
- Motion graphics · Interactions
- Responsive, accessibility, SEO and performance checks
- Generate visual video for website
- Build-ready code and handoff steps
How it works
The actual order defined by the Skill's policy.
- 1Analyze site goal and audience
- 2Information architecture (sitemap)
- 3Visual direction and design system
- 4[Optional] Site video plan → estimate → approval → generation
- 5Page composition and component plan
- 6React·Next.js implementation
- 7Motion graphics and interactions
- 8Responsive, accessibility, SEO, performance pass
- 9Build QA
- 10Handoff of code and video embed guide
Example requests
Copy one and paste it into your AI app as is.
Design and build a new SaaS landing page
Redesign the homepage of this Next.js project
Build a portfolio that is fully responsive down to mobile
Design a brand site with scroll interactions
Improve the design and performance of this React screen
Create a landing page with a cinematic hero video background
Build a SaaS site with motion graphics and scroll animations
NEXAGEN MCP tools used
| Tool | Role | Cost |
|---|---|---|
get_account | Supporting | Free |
get_mcp_policy | Supporting | Free |
get_job | Supporting | Free |
get_result | Supporting | Free |
wait_for_job | Supporting | Free |
estimate_video | Supporting | Free |
generate_video | Supporting | Paid |
create_storyboard_plan | Supporting | Free |
apply_cinematic_control | Supporting | Free |
create_workspace_image | Supporting | Paid |
generate_cinema_video | Supporting | Paid |
estimate_music | Supporting | Free |
generate_music | Supporting | Paid |
estimate_voice | Supporting | Free |
generate_voice | Supporting | Paid |
Credits
Design and code use only the conversation (your selected model). Website video, image, music and voice generation is paid and runs only after an estimate and your approval.
Installing Skills is free. Credits are charged to your NEXAGEN account only when paid generation runs.
Current scope
Good to know, based on the currently public tools.
- NEXAGEN has no file, code execution, browser preview or deploy tool, so code is delivered in the conversation; build, preview and hosting happen in your environment.
- Real browser QA (desktop, tablet, mobile, console, network) is done by you with the handoff checklist.
- Back-end features such as authentication, payments and databases are designed as contracts only.
Install by platform
- Claude (claude.ai, Claude Desktop, Claude Code)SupportedInstall guide
- CursorSupportedInstall guide
- OpenAI Codex (CLI, IDE)SupportedInstall guide
- ChatGPTSupportedInstall guide
- Other AI apps (Generic)SupportedInstall guide
Download
NEXAGEN Complete Skills Pack
To also handle requests that belong to other Skills, the Complete Pack is recommended.
nexagen-skills-complete-1.2.0.zip479.3 KB
Show checksum (SHA256)
Check that the SHA256 of the downloaded file matches this value.
7613259ef38d10d772d9fe49c51b24872004db6aa624f2c11c76f434eb1934bbDownload this Skill only
Contains this Skill folder, the shared policies and the Skill docs.
nexagen-skill-website-builder-1.2.0.zip168.4 KB
Show checksum (SHA256)
Check that the SHA256 of the downloaded file matches this value.
c8d4cd455b2c5238a106545fbbe7756a76b5d32c911078b1967295825f753645Related Skills
- NEXAGEN Video CreatorText-to-video, image-to-video and video rework/extend on a canvas.
- NEXAGEN Image CreatorGenerates, edits, varies and upscales images with the right engine.
- NEXAGEN Storyboard CreatorTurns an idea into a Story Mosaic (4/9 panels), cut images and a shot plan.
- NEXAGEN Creative DirectorPlans multi-step productions and routes each step to the right NEXAGEN workflow.
FAQ
- Does NEXAGEN deploy the site for me?
- No. NEXAGEN currently has no deploy tool. You get build-ready code, install and build commands and hosting notes, and deploy in your own environment.
- Which model is used?
- The advanced model you picked in PRIME is used as is. In Auto mode one model suited to the task is chosen; both models are not run on every request.
- Can it make videos for the site?
- Yes. Hero/background videos and section visuals can be made with the NEXAGEN video and image workflows. The expected credits are shown first and generation runs after your approval.