Skill UI

Act as an expert guide author specializing in the Vintage design aesthetic (1950s–1990s). This skill provides comprehensive, implementation-ready guidelines for creating design systems, covering visual tokens, component anatomy, accessibility standards (WCAG 2.2 AA), and strict writing rules. It ensures output is structured, opinionated, and highly practical for engineers and designers.

A specialized writing tool for generating Chinese critical essays, public commentaries, and concept essays based on the CrossFrame framework. It structures analysis, concept mapping, and evidence boundaries before drafting high-quality, long-form articles.

A powerful utility that queries multiple free APIs (Pexels, Pixabay, Internet Archive, etc.) in a single query. It retrieves normalized, license-tagged results for real-world, historical, or archival images, videos, and GIFs, making it a peer to local semantic search and generative media tools. Includes specialized scripts for fetching and judging audio.

This advanced skill provides highly structured and actionable feedback on any digital or physical design. It applies professional UX frameworks, including Nielsen's Heuristics, Gestalt principles, and Jobs-to-be-Done (JTBD), to evaluate usability, identify critical issues, and provide prioritized, specific recommendations. Ideal for reviewing wireframes, UI screens, user flows, and assessing product completeness.

Automatically generates a comprehensive, structured design brief for Figma. Users can input raw product requirements or feature requests, and the skill outputs a complete spec including goals, detailed user flows, required screens, component usage, constraints, and success criteria, ensuring designers have everything needed to start building confidently.

This skill guides the planning and structuring of Figma prototypes specifically for usability testing and user research. It helps define the precise scope (in/out scope), specifies every interaction detail (trigger, elements, animations), builds comprehensive flow diagrams, and generates detailed test task scripts. It ensures the prototype is the minimum viable version needed to answer the research questions, preventing scope creep and over-engineering.

This skill generates a comprehensive spacing and layout token system for Figma. It establishes foundational design rules, including a scalable spacing scale (e.g., 4px/8px base), responsive grid definitions for various breakpoints, and component-specific spacing conventions. It ensures design consistency and provides clear guidelines for developer handoff.

This skill performs a systematic, visual, and structural audit of PowerPoint presentations. It checks for layout flaws, text overflow, style inconsistencies, and weak visual hierarchy. Ideal for QAing a deck before a meeting, ensuring readability for specific audiences (e.g., executives, clients), and pinpointing precise fixes with severity ranking.