Solutions · Pro Skills

Turn a design into a real build.

Premium skill packs convert a screenshot, URL or Figma frame into validated, on-system output — Bricks, EtchWP, Elementor and ACSS.

Your designScreenshot, URL or Figma frame
hero.png
NibWP Pro SkillGenerates & validates on-system
acss · tokens · BEM
Validated buildEditable, on-brand, ready
✓ AA contrast
8
Pro Skill packs
100%
validated output
3
input types
0
raw form soup
Pro Skills

Skill packs that build for you

Each pack teaches agents a specific builder or framework — so output is correct, on-system, and production-ready, not a guess.

PRO

ACSS Pro

Get a flawless, consistent look across every page — without ever touching a design setting. Describe the style you want and your AI keeps the whole site perfectly on-brand.

Explore
PRO

Bricks Pro

Turn a screenshot, a sketch, or a rough idea into a finished page that looks designer-made. No dragging, no fiddling — just say what you want and watch it appear.

Explore
PRO

Elementor Pro

Build professional pages from a picture or a few words. Perfect for getting clients live fast — without touching a single widget yourself.

Explore
PRO

EtchWP Pro

Ship beautiful, lightning-fast pages straight from a description or a design you admire. Your AI does the heavy lifting, so polished pages take minutes, not days.

Explore
PRO

Figma Pro

Turn Figma frames into native WordPress layouts in the builder you already run — read-only against Figma, draft-first on your site.

Explore
PRO

Kadence Pro

Turn a screenshot, a URL, or pasted HTML into a real Kadence Blocks layout — clean, on-system, and fully editable in the Kadence editor.

Explore
PRO

Voxel Pro

Turn a description into the templates a Voxel site is made of — cards, listings, archives and search pages, wired together and checked against your real data.

Explore
PRO

Tutor LMS Builder

Go from a course idea to a complete, ready-to-sell course — lessons, structure and all — without weeks of setup. Bring the knowledge; your AI builds the classroom.

Explore
PRO

Tutor Course Mini-site

Give every course a gorgeous landing page that actually sells seats. Describe the vibe and get a polished, launch-ready sales page in minutes.

Explore
How Pro Skills work

Design in, validated build out

1

Drop a source

Hand the agent a screenshot, a live URL, or a Figma frame.

2

Generate

The skill produces builder-native output with ACSS tokens & global classes.

3

Validate

Built-in rules check contrast, scale, element whitelists and tokens.

4

Approve & persist

Nothing is saved until you approve — then it lands in your site.

On-system, every time.

Output is mapped to your ACSS tokens with safe fallbacks — no orphan hex values, no broken scales.

By use case

Solutions for every team

Content automation

Let agents draft, summarize and update posts from your live library.

SEO at scale

Audit, search and bulk-optimize content through structured tools.

WooCommerce ops

Read and manage products, orders and store data via MCP.

Agency workflows

Wire agents into every client site with one protocol and permission model.

Bulk operations

Apply the same change across hundreds of posts, fields or products.

Localization

Generate and sync translated content across your site structure.

Design to build

Turn screenshots and Figma frames into real builder templates.

Reporting

Pull structured site, traffic and store data on demand.

Why Pro Skills

Generic AI vs. NibWP Pro Skills

Generic AI output

  • Flattened HTML you can't edit in the builder
  • Random hex values & inconsistent spacing
  • Raw form tags and non-native markup
  • Static repetition instead of query loops
  • No contrast or accessibility checks

NibWP Pro Skills

  • Real Bricks / EtchWP / Elementor structures
  • ACSS tokens, type ramp & space ramp enforced
  • Native elements & components only
  • Query loops backed by CPT + ACF
  • WCAG AA contrast validated before save
Inside the packs

What each Pro Skill does

ACSS Pro

Generate a working Automatic.css configuration from a screenshot, raw HTML+CSS, or a live URL — validated against real ACSS rules before anything is saved.

    nibwp/acss-pro-from-design input: screenshot.png ✓ palette · type ramp · space ramp ✓ WCAG AA contrast passed

    Bricks Pro

    Convert a screenshot, live URL or Figma frame into a validated Bricks template — real core elements, brand-scoped global classes and your ACSS tokens, with query loops backed by CPT + ACF.

      nibwp/bricks-create-template elements: whitelisted classes: .brand__hero ✓ validated · editable

      Elementor Pro

      Turn client mockups, URLs or Figma frames into clean, fully editable Elementor pages and widgets — mapped to your global styles, responsive per breakpoint, ready to hand off.

        nibwp/elementor-create-page widgets: native ✓ editable · on-brand ✓ global styles mapped

        EtchWP Pro

        Convert a screenshot, live URL or Figma frame into pixel-perfect, responsive EtchWP components — ACSS-ready, semantically clean, with smart props and conditional rendering.

          nibwp/etchwp-build-component props: { title, cta } ✓ responsive · ACSS-ready ✓ BEM validated

          Figma Pro

          Connect a Figma account, pull frames into a local library, then convert each one into your builder — using the design’s real tokens, not a screenshot.

          Kadence Pro

          Convert a screenshot, live URL or pasted HTML into a validated Kadence Blocks layout — real blocks, correct nesting, unique IDs and native attribute styling, ready to refine in the Kadence editor.

            nibwp/kadence-pro-html-to-blocks blocks: kadence/rowlayout → column validate ✓ score: A ✓ committed · editable

            Voxel Pro

            Describe the directory you want and Voxel Pro builds the templates it runs on — preview cards, single listings, archives, headers, and search pages whose filters, results and map are actually wired to each other.

              nibwp/voxel-pro-build kind: card → single → archive → search-page tags checked against a real listing ✓

              Tutor LMS Builder

              Turn a brief, outline, transcript, PDF or URL into a complete, validated Tutor LMS course — topics, lessons and real quizzes, built through the audited Tutor integration.

                nibwp/build-course source: webinar-transcript.txt ✓ 6 topics · 18 lessons · 6 quizzes ✓ validated → built

                Tutor Course Mini-site

                Generate a polished landing / sales micro-site for any Tutor LMS course — hero, outcomes, curriculum, instructor, pricing, FAQ and enroll CTA, bound to live course data.

                  nibwp/build-course-minisite course: #128 "Ableton for Beginners" ✓ 7 sections · bound to live data ✓ saved as draft page
                  FAQ

                  Pro Skills, answered

                  Are Pro Skills included in every plan?

                  They're sold individually, or all included free in the Bundle.

                  Do I need ACSS installed?

                  ACSS is recommended for token mapping; Bricks, EtchWP and Elementor Pro produce safe fallbacks when it's absent.

                  Will output overwrite my work?

                  Never without approval — skills generate, validate, and wait for you to confirm before persisting.

                  Can it match my existing brand?

                  Yes — skills map to your palette, type ramp and space ramp so output stays on-brand.

                  Get every Pro Skill.

                  They're included free in the Bundle, or available individually.