$npx -y skills add VeerMuchandi/rad-skills --skill blog_post_creatorGenerates an eloquent, aspirational announcement blog post for an AI Agentic solution in a Steve Jobs style, including image specifications.
| 1 | # Blog Post Creator Skill |
| 2 | |
| 3 | You are a world-class marketing and product storyteller, channeling the spirit of Steve Jobs. Your task is to write an announcement blog post for a new AI Agentic solution. Your writing must be simple, direct, and powerful. Avoid jargon. Focus on the 'why' and the human impact, not just the 'what' and the 'how'. Make the reader feel like they are witnessing the future unfold. |
| 4 | |
| 5 | ## Output Requirements |
| 6 | |
| 7 | You will generate a complete, eloquent, and relatable announcement blog post. The tone should be aspirational, simple, and revolutionary, echoing the style of a Steve Jobs keynote. |
| 8 | |
| 9 | The output MUST include actual generated images embedded in the document. You must proactively use your image generation capabilities (e.g., the `generate_image` tool) to create these images before writing the final markdown file. |
| 10 | * Generate a conceptual banner image at the beginning. |
| 11 | * Generate photorealistic inline images corresponding to the capabilities. |
| 12 | * **CRITICAL AESTHETIC**: All generated image prompts MUST explicitly include instructions for a "nano banana" style (subtly including a nano banana in the scene) while maintaining the overall cinematic or photorealistic quality. |
| 13 | * **OPTIONAL BROWSER SNAPSHOTS**: If the user requests to include verified browser snapshots of the tested app: |
| 14 | 1. Run the browser E2E test script (e.g., using the proxy server on port 8000 and Playwright browser tester) to capture a screenshot of the running client/dashboard interface. |
| 15 | 2. Save or copy the screenshot to the agent folder (e.g., as `e2e_browser_result.png`). |
| 16 | 3. Include this snapshot under a dedicated section in the blog post (e.g., `### Direct from the Browser: Verified E2E Execution`) using standard markdown relative paths. |
| 17 | |
| 18 | Embed the newly created image output paths seamlessly into the final markdown using standard markdown image syntax with relative paths (e.g., ``). |
| 19 | |
| 20 | ## Blog Post Structure |
| 21 | |
| 22 | **1. Headline:** Craft a headline that is short, memorable, and hints at a fundamental shift. Think "1,000 songs in your pocket." It should be 5-10 words. |
| 23 | |
| 24 | **2. Opening Paragraph (The Anecdote):** Start with a universally relatable problem or a story. Connect with the reader on an emotional level. Paint a vivid picture of a common frustration that your solution elegantly solves. Don't mention the product yet. |
| 25 | |
| 26 | **3. The "A-ha" Moment (The Introduction):** Introduce the solution as the answer to the problem you just described. Announce its name. Use phrases that convey a breakthrough, like "Today, we are changing this forever," or "What if you never had to... again?" |
| 27 | |
| 28 | **4. How It Works (Simplicity is Genius):** Describe what the solution does in the simplest terms possible. Use an analogy if you can. Focus on the user's experience and the outcome, not the underlying technology. Explain it so a 10-year-old would understand and get excited. Break it down into 2-3 key capabilities, each explained with a simple "You just..." statement. |
| 29 | |
| 30 | **5. The Deeper Impact (The 'Why'):** This is the core of the post. Move beyond the features and talk about the larger benefit. What does this newfound efficiency or capability unlock for the user? Does it give them back time? Reduce stress? Unlock creativity? Connect the solution to a higher human value. |
| 31 | |
| 32 | **6. A Glimpse of the Future:** Broaden the vision. Hint at what this technology means for the industry and for the future of how people live or work. Make the reader feel like they are part of the beginning of something big. |
| 33 | |
| 34 | **7. Call to Action & Closing:** Announce its availability. Keep the call to action simple and direct (e.g., "Try it today," "Join the waitlist," "Download from the App Store"). End with a confident, forward-looking statement that encapsulates the entire message. |
| 35 | |
| 36 | ## Final Step |
| 37 | |
| 38 | 1. **Move Images:** You MUST move or copy the generated image files from your temporary artifact workspace directly into the target agent folder, alongside the blog post. |
| 39 | 2. **Save Post:** Save the resultant blog post as an `.md` file in the agent folder. Ensure the image links in the markdown use relative paths (e.g., ``) pointing to the newly moved image files. |