Skill UI

A comprehensive guide for creating cinematic, fluid background hero sections using advanced web technologies. It leverages WebGL, complex CSS gradients, and Canvas to generate dynamic, atmospheric visuals. Ideal for video intros, SaaS landing pages, and marketing posters that require a sophisticated, high-impact background.

A technical specialization focused on Generative Engine Optimization (GEO). This skill ensures that specific web pages are structured, documented, and optimized for modern AI answer engines (Google AI Overviews, ChatGPT, Bing Copilot). It focuses on technical elements like structured data (JSON-LD), semantic HTML, and robust metadata to maximize discoverability, trustworthiness, and quotability for AI consumption, rather than traditional SEO ranking.

An interactive skill designed to interview users to capture project vision, core decisions, and technical preferences. It systematically converts raw discussions into structured documentation, maintaining the project's history in ADRs (Architectural Decision Records) and its overarching goal in the README.

This guide details how to effectively delegate complex, multi-step tasks to various specialized AI agents (Codex, Pi, Claude, Hermes). It covers best practices for maintaining conversation context, handling TUI prompts (e.g., avoiding newlines, using quotes), techniques for reliable polling, and choosing the optimal agent for coding, design, or general purpose work. Essential for advanced AI workflow automation.

This skill ensures a comprehensive understanding of a project's technical history by reading every Architecture Decision Record (ADR) in the designated folder. It is crucial to use this when summarizing architectural context, making major changes, or evaluating project decisions, guaranteeing nothing is missed.

This skill guides users through complex, multi-step processes such as installation, configuration, or initial setup. It breaks down the process into small, atomic actions, presenting only the current required step and a limited, manageable checklist of remaining tasks. Ideal for onboarding new users or executing lengthy technical setups.

This skill guides the design, implementation, and auditing of inclusive digital products based on WCAG 2.2 standards. It covers the POUR principles and provides technical guidance for generating semantic ARIA (Web) and native accessibility traits (iOS/Android). Use it when defining UI components, auditing compliance gaps, or ensuring robust keyboard navigation and focus management.

This tool manages the formal documentation of significant architectural decisions (ADRs). It automatically assigns sequential numbering, generates structured Markdown files (ADR-NNN), and registers the decision in the AgentDB graph. Use it when documenting technology choices, API designs, or data model changes to maintain a clear, traceable, and centralized history of system evolution.

A comprehensive tool for querying, storing, and managing complex knowledge across multiple agent sessions. AgentDB utilizes advanced techniques including semantic routing, hierarchical recall, causal graph construction, and context synthesis. Use this skill when your application requires robust, multi-faceted knowledge retrieval and reasoning based on structured and unstructured data. It provides a structured workflow for checking system health, starting sessions, storing knowledge in tiers (working, episodic, semantic), and searching learned patterns.

A comprehensive guide to implementing Clean Architecture patterns for both Android and Kotlin Multiplatform (KMP) projects. It covers robust module structuring, dependency inversion rules, defining UseCases and Repositories, and designing the data layer using technologies like Room, SQLDelight, and Ktor. Learn how to separate concerns, maintain platform independence, and manage complex data flows.

A comprehensive, multi-session framework designed to systematically uncover and articulate a brand’s core identity. Using advanced techniques like Laddering, 5 Whys, and Projective methods, the process covers purpose, positioning, audience, personality, and voice. The final output is a reusable Master Brandbook perfect for briefing designers and marketing teams.

This technique audits user interaction flows (like button clicks) to detect subtle bugs that static analysis often misses. It specifically tracks the full sequence of state changes, identifying instances where later actions unintentionally cancel, contradict, or leave the UI in an inconsistent state due to state store side effects or race conditions. Ideal for debugging complex state management architectures (Redux, Zustand).