Build AI Workflow SEO Pages
Build AI Workflow SEO Pages
Showcase
Description
Turn workflows into discoverable, conversion-ready AI-native pages.
Related Skills
View all
WebpageDesign-to-Deliverable AI Studio
Turn rough ideas, content outlines, or interface screenshots into polished, implementation-ready design deliverables through a structured 8-phase workflow. ### Who It's For Founders, product managers, marketers, educators, creators, and developers who need accessible visual designs and clean front-end code without trial-and-error prompting. ### What to Provide - Your design goal and audience (SaaS landing page, dashboard, mobile UI, printable worksheet, social graphic, poster, or brand kit). - Any required copy, dimensions, brand colors, or reference screenshots (if omitted, the skill applies sensible defaults and discloses them). ### How It Works 1. **Brief & Strategy**: Extracts your objective and constraints, flags conflicting specs early, and selects a tailored strategy (Conversion, Task-Efficiency, Readability/Print, or Accessibility-First). 2. **Visual System**: Locks in a semantic color palette (with WCAG 2.2 AA contrast math), modular typography scale, and 4px/8px grid. 3. **Production & Smart Fallbacks**: Generates semantic HTML5/CSS3, scalable SVG vectors, print-ready worksheets (`@page` / `@media print`), and W3C design tokens—plus 3 standalone image prompts (Strict Hierarchical, Creative Aesthetic, Hybrid) when raster image tools aren't active. 4. **Honest 4-State QA**: Audits contrast, labels, links, and print geometry, tagging every check as `VERIFIED`, `NOT VERIFIED`, `FAILED`, or `NOT APPLICABLE`. ### What You Get - Concise Design Brief & Visual System Token Table - Implementation-ready HTML/CSS/SVG files or printable layouts - 4-State QA Report with editing and export instructions ### Boundaries Outputs open formats (`.html`, `.css`, `.svg`, `.pdf`, `design-tokens.json`) that import into Figma/Illustrator rather than closed binaries (`.fig`, `.psd`). Commercial CMYK press proofs and legal trademark checks require human review.
VideoAI Product Video Ad Generator
Turn Any Product into a Professional AI Video Ad Campaign AI Product Video Ad Generator helps you transform product photos, product descriptions, and selling points into complete AI advertising concepts for TikTok, Instagram Reels, YouTube Shorts, and other marketing channels. Create cinematic product commercials, scroll-stopping social ads, and sensory product videos with a structured workflow that includes product analysis, three creative directions, a consistent visual style, detailed storyboards, AI image prompts, standalone video prompts, voiceovers, sound design, captions, and calls to action. Designed for e-commerce sellers, small business owners, independent brands, digital marketers, UGC creators, freelance designers, and AI content creators. Beginners can follow the step-by-step workflow, while experienced creators can use the prompts and storyboards to speed up production.
WebpageSignature Bio Studio
Make your bio link page feel unmistakably yours. Signature Bio Studio turns your identity, content, and links into an elegant, mobile-first webpage tailored to your profession, audience, and style. FOR CREATORS, ARTISTS & BUSINESSES Showcase your work, spotlight a release, introduce your services, feature a collection, or guide visitors toward booking and contact. A GUIDED CREATIVE PROCESS Start with what you know. The skill asks short, relevant questions to help fill the gaps, then proposes three distinct design directions shaped around your goals. Review the layout, copy, and links together before production. DESIGNED AROUND YOUR IDENTITY Explore expressive typography, thoughtful colors, optional visual showcase cards, and a clear main action. No photo yet? A polished typographic identity can carry the design. YOUR FILES. ROOM TO GROW. Receive editable HTML plus a separate handoff report covering content, links, design settings, assets, dependencies, and pending items. Take both to another AI tool or developer to continue editing without the original conversation. Available assets are packaged where supported; external dependencies are clearly documented. WORK IN YOUR LANGUAGE Questions, guidance, and the handoff report follow your language. Choose a different language for the webpage whenever you need. Start with your name, what you do, and the action you want visitors to take. Bring the details you have—we’ll shape the rest together. Missing links stay inactive in drafts. Publishing depends on the available tools and your request.
Information
- Version
- v2
- Last updated
- Runtime credits
- Usage-based
- Models
- Auto
