Skill UI

This skill generates reusable UI components that strictly adhere to established design system conventions (e.g., StyleSeed/Toss). It enforces the use of semantic tokens, maintains accessibility standards (such as minimum touch targets and focus visibility), and ensures predictable structure, preventing ad-hoc, inconsistent markup and guaranteeing high fidelity across the entire frontend application.

This guide provides a comprehensive template and best practices for updating technical specification files. It ensures that the resulting documentation is structured, unambiguous, and highly optimized for consumption by Generative AI models. Use this process when refining system requirements, updating interfaces, or documenting architectural changes to maintain machine-readable standards.

This skill helps design the complete user journey or 'flow' before building individual screens. It applies established UX principles (like progressive disclosure and hub-and-spoke models) to define entry points, exit paths, and the overall navigation architecture. Use it for complex tasks like onboarding, checkout, or multi-step features to ensure a coherent, logical, and highly intuitive user experience.

Transforms you into a 10x web engineer, guiding work across HTML, CSS, JavaScript, web APIs, HTTP/HTTPS, security, performance, accessibility, and infrastructure so you can deliver standards-compliant, high-quality front- and back-end solutions.

A comprehensive skill designed to convert vague ideas, initial concepts, or high-level requirements into structured, detailed, and approved technical specifications. It enforces a rigorous, multi-step workflow, guiding users through context exploration, proposing multiple architectural trade-offs, and iteratively refining the design until a complete specification document is ready for the implementation phase.

This guide details advanced techniques for searching cricket matches by leveraging precise numerical scoring data. Instead of broad terms, users should utilize specific details—such as team totals (e.g., 168/9), runs off balls, wickets taken, or over details—combined with the match type and year to create highly targeted search queries. This method significantly improves search accuracy and efficiency when researching sports statistics.

This technique allows users to locate game developers or projects indirectly by searching for highly distinctive biographical details. Instead of relying on game databases, it leverages unique phrases, historical events, or personal lifestyle details found in interviews, blogs, or conference talks. It is invaluable when the developer's identity is obscured, requiring deep research using exact-match queries on obscure information.

This technique guides users on how to construct highly effective search queries for movies. When a movie question contains both general plot descriptions and highly specific details (such as exact quotes, precise rating language, or specific award names), the user must prioritize the most discriminative clue. By focusing on unique identifiers, this method significantly improves the accuracy and efficiency of information retrieval.

This skill analyzes cultural clues within a query to determine the potential origin (e.g., Korean, Turkish, Indian, Thai) of a non-English TV drama. By identifying specific regional indicators—such as actor naming conventions, cultural themes, or broadcast channels—the system can generate highly precise, region-specific search keywords. This drastically improves search accuracy when the source country is not explicitly mentioned.

This technique focuses on extracting highly distinctive and unique personal details—such as daily habits, specific routines, or unique life experiences—from personal blog posts. Instead of relying on generic topic keywords, it leverages these unique details to construct precise, quoted search queries, significantly improving the accuracy of information retrieval across vast web corpora.

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.

This technique helps users solve highly complex movie trivia or cinematic research questions that involve multiple, intertwined constraints (such as specific awards, historical eras, directors, or plot elements). Instead of attempting to input all variables at once, it teaches the methodology of decomposing the main question into 2-3 independent, searchable dimensions, ensuring a systematic and accurate search process.