Skill UI

This skill provides a comprehensive review of UI components and codebases to ensure strict adherence to established design systems, accessibility guidelines (WCAG), and modern front-end best practices. It checks for design token compliance (e.g., semantic colors, scaled spacing), component conventions, WCAG accessibility standards (a11y), mobile responsiveness, and visual coherence across the entire application.

This interactive wizard guides you through every step required to establish a consistent and professional design system for your new project. It walks users through selecting app type, defining brand colors, applying visual concepts (like Stripe or Notion), choosing typography, and finally scaffolding the initial page structure, ensuring a solid foundation for development.

Automates updating Azure Verified Modules referenced in Bicep files to their latest released versions, guiding scan, version comparison, documentation checks, and validation workflows while limiting reports to non-breaking changes.

This skill automatically updates a markdown file with an index or table of files from a specified folder. It scans the target file, discovers files matching a pattern, and generates a structured list or detailed table. It supports simple lists, detailed tables, or categorized sections, preserving existing markdown formatting and using relative paths for links.

This skill assists in designing comprehensive, user-centric flow maps and navigation architectures. It adheres to established UX principles, such as Progressive Disclosure, Miller's Law, and Hick's Law, ensuring optimal user journeys. Use it to map out the structural connections, screen inventory, and edge case handling for a product feature, creating a scaffolded blueprint before visual implementation.

This comprehensive toolkit automates critical Webflow operations, including managing CMS collections (create, update, delete), site publishing, page inspection, and asset uploads. By connecting via Rube MCP, it allows developers to programmatically interact with Webflow's backend, making it ideal for implementing automated content workflows, CI/CD pipelines, and large-scale content management systems.

Scans specified files or folders to infer existing syntax, writes a project coding standards or contribution doc using configurable templates, and optionally reports or fixes inconsistencies before saving to the first available standard filename.

This technique guides users on decomposing multi-constraint questions, especially in the domain of football trivia or historical research. Instead of searching all criteria simultaneously, it instructs users to rank constraints by distinctiveness (e.g., specific match results first, then historical milestones). By performing incremental, cascading searches, the system dramatically narrows down the result set, leading to more accurate information retrieval.

Transform raw ideas, articles, or technical material into polished, engagement-optimized LinkedIn posts. This skill leverages Unicode typography (bold, italic) to simulate rich formatting that respects LinkedIn's plain text limitations. It utilizes proven structural patterns (Hook → Content → CTA, Listicle, Story) and best practices for professional social media marketing, helping users create high-impact, scannable thought leadership content.

Transforms the AI into a highly personalized virtual tutor, adopting a defined persona, teaching style, and emotional relationship. This skill uses the Socratic method and advanced psychological principles (like Self-Determination Theory and memory scaffolding) to guide users through discovery learning. It doesn't just deliver answers; it fosters genuine engagement, maintains continuity across sessions, and motivates the user to learn by simulating the experience of a caring, challenging human mentor.

This coach guides users through a progressive mastery of AI, structured across three layers: AI User (prompting), AI-Enhanced Worker (workflow integration), and AI Builder (ML foundations). It uses Socratic questioning, layered scaffolding, and spaced repetition to build genuine, transferable AI literacy, moving beyond simple copy-pasting prompts to deep conceptual understanding of models, transformers, and RAG.

A comprehensive coach guiding developers through the entire SaaS lifecycle: from initial idea and scaffolding (Next.js) to building MVP features, integrating AI, setting up authentication, implementing payment systems (Stripe/LemonSqueezy), and achieving global deployment (Cloudflare/Vercel). Focuses on pragmatic, 'ship first' architecture decisions for solo developers and indie hackers.