Professional PlantUML theme collection with 5 curated color schemes optimized for software requirement analysis and enterprise architecture diagrams. Each theme provides comprehensive styling with colors, fonts, and visual identity suitable for different business contexts.
Transform PRD or story into complete page/component designs with ASCII layouts, component specs, interaction flows, and frontend implementation prompts. Use this skill when: - User asks to "design the page", "design component", "create page design" - User mentions "page design", "component design", "UI design", "layout design" - Running /frontend.design command - PRD or story is ready and need visual/interaction design before implementation - Need to create design spec that frontend developer can implement from Prerequisites: Design system must exist at docs/reference/frontend/design-system.md Output: ALWAYS write design files to docs/reference/frontend/designs/{name}.md
IdeaForge brand identity - colors, typography, and visual guidelines. Use when styling UI components, creating marketing materials, or ensuring brand consistency.
Transform PRD or story into complete page/component designs with ASCII layouts, component specs, interaction flows, and frontend implementation prompts. Use this skill when: - User asks to "design the page", "design component", "create page design" - User mentions "page design", "component design", "UI design", "layout design" - Running /frontend.design command - PRD or story is ready and need visual/interaction design before implementation - Need to create design spec that frontend developer can implement from Prerequisites: Design system must exist at docs/reference/frontend/design-system.md Output: ALWAYS write design files to docs/reference/frontend/designs/{name}.md
Generate marketing content applying all 5 frameworks - for GitHub READMEs, landing pages, social media, and more
Applies brand colors, typography, and visual identity to artifacts, documents, presentations, and web content. Use when brand consistency, visual formatting, or company design standards apply. Chec...
Use this skill when creating UI components, writing copy, designing layouts, or making any visual/brand decisions for the Planted website. Ensures consistency with Planted's challenger brand voice (inspired by Oatly's approach) and the established design system.
Your approach to handling app theming. Use this skill when working on files where app theming comes into play.
Build high-quality, conversion-optimized website sections. Use when creating hero sections, feature grids, testimonials, pricing tables, CTAs, and other common website sections with modern design patterns.
Distinctive, bold UI design that avoids generic AI aesthetics. Use for landing pages, new products, marketing sites, or when user wants something that stands out. Covers typography, themes, animations, and anti-patterns.
UI design system toolkit for creating and maintaining design tokens, visual consistency, and developer handoff documentation. Trigger: When creating or updating design tokens, generating color palettes, documenting design system, or establishing visual consistency.
Kelvin Garr's personal AICA brand identity and implementation framework. Use ONLY when building Kelvin's personal sites, portfolio, or AICA-branded projects. Features fixed visual identity (black glass + gold circuits + Space Grotesk) and Next.js 14 implementation guide. For client work with AICA methodology but their branding, use design-guide-updated instead.
Dynamic UI design system generator that creates 10 unique, diverse design directions every time it's invoked. Generates both detailed specifications AND an interactive HTML preview so users can visually explore all options. Each direction includes complete specifications (typography, colors, spacing, components, motion). Automatically triggers before any new UI/frontend work to ensure intentional, cohesive aesthetics. Never shows the same 10 designs twice - always generates fresh options based on varied inspirations, aesthetics, and use cases.
Product requirements for FanHub features. Use when creating new pages, components, or user-facing functionality to ensure features meet product standards.
Build pre-launch landing pages for product concept validation. Use when Factory agent needs to create Astro sites for demand validation, waitlist capture, or early access signups. Reads Scout handover for market research and competitor patterns. Covers hero selection, visual system, component assembly, copy framework, and conversion optimization. NOT for product interfaces or post-launch pages.
Expert landing page designer skill for creating HIGH-CONVERTING sales pages for product launches. Creates mobile-responsive, award-winning landing pages using proven frameworks (Hero-First, Long-Form Sales Letter, VSL, PLF), color psychology for maximum conversions, and beautiful designs aligned with the best-in-class examples. Use when creating sales pages, landing pages, product launch pages, lead generation pages, or any conversion-focused web page.
Expert landing page designer specialized in creating premium, professional, high-converting landing pages that don't look AI-generated. Use this skill when creating landing pages, sales pages, product pages, or any marketing pages that need to look professionally designed by a top-tier agency and convert visitors into customers. Includes conversion psychology, design principles, anti-patterns to avoid, and specific React/Tailwind implementation patterns.
Conversion rate optimization (CRO) patterns for Next.js applications including CTA design, landing page layouts, trust signals, form optimization, pricing tables, and A/B testing. Use when building landing pages, optimizing CTAs, adding social proof, or improving conversion funnels.
Create landing page specifications with designer-ready wireframes and conversion-focused copywriting. Use when users mention "landing page", ask for help with marketing copy, want to improve an existing page, or explicitly invoke /marketer. Supports both new page creation and analysis/improvement of existing pages.
Complete design system guide for Dr. Sophia AI's botanical brand identity. Includes official typography (Livvic/Onest), color palette (#00B368 green spectrum), shadow systems, gradients, and component templates. Use when creating or modifying UI components, implementing brand colors, or ensuring design consistency across the application.
Creates high-converting landing page sections with headlines, CTAs, and social proof. Use when the user asks about landing pages, conversion copy, sales pages, hero sections, or above-the-fold content.
Use when (1) starting a new project from the gmacko template, (2) user wants to create a fresh app without git history, (3) gathering requirements for PROJECT_MANIFEST.json. Conducts a guided interview to capture project goals, platforms, integrations, data model, and deployment preferences.
Provides the single source of truth for brand guidelines, design tokens, technology choices, and voice/tone. Use this skill whenever generating UI components, styling applications, writing copy, or creating user-facing assets to ensure brand consistency.
Write, edit, and structure Scribere articles in `content/**/article.md`. Use when asked to create a new article, revise prose, adjust frontmatter (title/summary/tags/series/status), add assets and captions, or fix lint issues while following `docs/authoring.md` and `docs/article.md`.
