In our last post, we walked through connecting an LLM to DesignSetGo through the WordPress Abilities API. Authentication, discovery, the REST surface — all covered. What we didn’t cover: what do you actually type?
A good prompt is the difference between a perfect landing page in thirty seconds and ten frustrating minutes of “no, not like that.” These ten recipes have been road-tested with Claude and ChatGPT, and they all assume you’ve already connected the agent to your site’s abilities. Copy, paste, adapt.
1. The hero section
“On post {ID}, add a full-width hero section with a centered heading ‘Ship faster with DesignSetGo,’ a subheading paragraph, and two buttons — primary ‘Get started’ and ghost ‘See the docs.’ Use our brand blue for the primary. Add a fade-in-up animation to the whole section on scroll.”
Why it works: specifies the container (full-width section), the layout (centered), every piece of content, the color intent (your brand blue), and the extension (animation trigger + direction). The LLM chains add-block → add-child-block ×4 → update-block.
2. The three-column feature grid
“Add a three-column Grid below the hero on post {ID}. Each column is a Stack containing an Icon (pick appropriate icons), an H3 heading, and a paragraph. Features are: ‘Lightning fast’ (performance), ‘Accessibility first’ (a11y), ‘No lock-in’ (portability). Stagger fade-in animations by 150ms.”
The staggering hint unlocks the Animation extension’s dsgAnimationDelay. The LLM will apply 0ms, 150ms, 300ms across the three columns.
3. The FAQ accordion
“Add an Accordion block to post {ID} with these six questions: [paste your list]. Use the first item as the default-open item. Match answer formatting — paragraph only, no lists.”
The LLM calls add-block for the accordion, then add-accordion-item six times. The “default-open” instruction gets applied via update-block on the first item.
4. The pricing table
“Build a three-tier pricing section on post {ID}: Starter ($0), Pro ($29/mo), Team ($99/mo). Each tier is a Stack in a Grid, with heading, price, feature list (5 items each), and a button. Middle tier has a subtle border highlight and a ‘Most popular’ pill above the heading.”
This one exercises the Pill block and demonstrates differentiated styling — the agent will use update-block to apply a border only to the middle column.
5. The testimonial carousel
“Add a section to post {ID} with a heading ‘What our users say’ and three testimonial cards in a Flex layout, wrapping on mobile. Each card: avatar placeholder, quoted text, name, role. Use a soft background on the section.”
Naming Flex rather than Grid preserves the responsive wrap behavior. “Soft background” is fuzzy on purpose — the LLM will pick an appropriate neutral from your theme palette.
6. The timeline / company history
“Create a Timeline block on post {ID} with these milestones: 2022 Founded, 2023 First 1,000 users, 2024 Series A, 2025 Launched DesignSetGo 2.0. One paragraph per entry, under 30 words each. Add a scroll-triggered slide-in-from-left animation to the timeline.”
Length caps (“under 30 words”) keep the LLM from padding. Specifying the animation direction up front avoids a second pass.
7. The site-wide rebrand
“Find every post that uses a Button block with the old brand color #3b82f6 and update it to our new brand color #7c3aed. Report which posts changed.”
This is where find-blocks + batch-update shine. The agent searches, filters by current color, and updates in bulk. Always ask for a report — it’s your audit trail.
8. The content audit
“List every post that uses the Accordion block, along with the number of items in each. Flag any accordions with fewer than 3 items as ‘too light.’”
Purely read-only. The agent chains find-blocks with get-post-blocks and produces a report you can act on. Great for SEO-oriented content reviews.
9. The custom CSS tune-up
“On post {ID}, block index 2, the Section has too much padding on mobile. Add custom CSS to reduce its top/bottom padding to 40px below 768px.”
This uses configure-custom-css, which sanitizes input but accepts full CSS. Specifying the breakpoint explicitly matters — the LLM will wrap the rules in a media query.
10. The blank-slate landing page
“Create a new draft page titled ‘Launch Webinar: April 22.’ Structure: hero with registration CTA, 3-column agenda grid, speaker Flex section with two speakers, FAQ accordion with 4 questions, closing CTA. Use our brand voice — direct, no marketing fluff. Apply scroll animations throughout.”
The big one. This is fifteen to twenty ability calls in a single chain, and it will produce a real, publishable page in under a minute. The brand-voice instruction is doing a lot of work — feel free to include a short style guide inline.
Tips that apply to all ten
- Always give a post ID (or ask the agent to create one). “On my homepage” is ambiguous.
- Name the container block. “Add a grid” vs “add three cards” — the former is faster and more correct.
- Use hex codes for exact colors. “Brand blue” works, but
#1e40afis unambiguous. - Constrain length. “Under 30 words per paragraph” saves a revision pass.
- Ask for a report. For bulk ops, a list of changed posts is your undo log.
Try any of these on a draft post and watch the editor fill in. If you land on a prompt pattern we should add to this list, let us know — we’ll feature it in a follow-up.
Leave a Reply