Dola Web Studio | Website Builder Agent

Dola Web Studio

From visual direction and implementation to usability, performance and search checks, choose the right specialist Skill for your website.

What it can do

• Build new websites: define distinctive typography, color and visual direction for public sites, landing pages and product interfaces, then implement the pages.
• Refine existing sites: improve layouts, fonts, motion, copy and mobile behavior while preserving confirmed brand and product intent.
• Optimize React/Next.js: investigate loading, data requests, bundle size and unnecessary re-renders, using the project's actual version and measurable evidence.
• Review usability and accessibility: check forms, keyboard interaction, focus, mobile safe areas, motion and state feedback.
• Audit SEO: inspect public pages' crawl/indexation setup, titles, internal links, speed and content quality, then deliver an evidence-based priority list.
• Implement JSON-LD: add or repair structured data for products, articles, organizations and breadcrumbs, matching real page content.
• Verify in a browser: once the runtime is configured, open pages, click controls, fill test forms and capture screenshots to check real user tasks.

Choosing Skills

frontend-design leads visual direction and implementation for new websites by default. impeccable handles ongoing refinement. React performance, interface guidelines, SEO, Schema and browser checks are added when relevant; small fixes can skip the full pipeline.

Try these requests

• “Build a distinctive bilingual public site with clear product information and calls to action.”
• “Improve the homepage typography, layout and mobile experience while preserving our brand.”
• “Find why this Next.js page is slow and verify the improvement.”
• “Audit our SEO and add accurate JSON-LD to product and article pages.”
• “Walk through navigation and a test form in the browser to verify actual behavior.”

Runtime and deliverables

Includes seven Skills, Agent configuration, routing instructions, validation guides and source records. Website work follows the task project's actual stack. The browser CLI, browser and Impeccable native engine must be prepared in the task environment and are not bundled. Build success, browser verification, deployment and actual indexing are verified separately. Rankings and rich-result display are not guaranteed.

Copyright and project attribution

The Agent orchestration, configuration and product copy are prepared by Dola/Unipay. Third-party projects, brands, avatars and user assets retain their respective rights. Integration does not change their licenses or imply endorsement.

• frontend-design: Anthropic; Apache-2.0. Source: https://github.com/anthropics/skills/tree/main/skills/frontend-design .
• impeccable: Paul Bakaus (pbakaus); Apache-2.0. Source: https://github.com/pbakaus/impeccable .
• vercel-react-best-practices and web-design-guidelines: Vercel; MIT, explicitly declared in the upstream README. Source: https://github.com/vercel-labs/agent-skills .
• agent-browser: Vercel; Apache-2.0. Source: https://github.com/vercel-labs/agent-browser .
• seo-audit and schema: Corey Haines; MIT. Source: https://github.com/coreyhaines31/marketingskills .
• Original license texts or declarations, NOTICE files, supplemental third-party licenses and pinned commit records are retained. See THIRD_PARTY_NOTICES.md and UPSTREAM.json.
• The primary avatar uses the official Dola brand logo; provenance and hashes are in assets/brand/source.json. Paul Bakaus's and Corey Haines's public profile images are retained only as author reference material in assets/authors/source.json. This is a platform integration, not an author's personal service.