Skill UI

This skill generates comprehensive, academic-style survey papers as a single, self-contained HTML file. By reading an anchor resource and curating research data, it structures the content and utilizes advanced LLMs (like Kimi K2.6 via Fireworks) to generate all prose, figures, and bibliographies, suitable for rapid academic literature review.

Unified design skill covering brand identity, design tokens, UI styling, AI logo generation, corporate identity programs, HTML presentations, banners, icons, and social media photos. Automates logo design, CIP mockups, slide decks, and multi-platform social images.

A comprehensive security skill designed to detect and mitigate indirect prompt injection attacks. It scans untrusted external content—including web pages, PDFs, and images—for hidden, obfuscated instructions before an LLM agent processes them. The pipeline combines content extraction (HTML, OCR), normalization, and dedicated ML models (e.g., LLM Guard, Prompt Guard 2) to ensure data safety.

A comprehensive tool for creating strategic, data-driven HTML presentations. It integrates advanced features like Chart.js for visualization, design tokens for consistency, responsive layouts, and copywriting formulas to ensure maximum impact. Ideal for marketing pitches, academic reports, or complex business proposals.

Create highly aesthetic, animation-rich HTML presentations from scratch or convert existing PowerPoint files (PPT/PPTX). This tool focuses on generating distinctive, professional web decks with fixed 16:9 ratios. It supports low-density for keynote talks or high-density for detailed reports, ensuring visual impact and zero dependencies.

Generate comprehensive, ready-to-use CI/CD pipeline configurations for running automated API tests using Newman. This skill provides templates for major platforms like GitHub Actions, GitLab CI, Jenkins, and Azure DevOps. It ensures seamless integration of Postman collections into automated build processes, including setting up environment variables, running tests, and publishing detailed JUnit and HTML reports.

StyleSeed Design Review analyzes UI/frontend code (React/Tailwind/HTML) against a detailed design rubric. It scores the interface (0-100) across coherence, color discipline, hierarchy, and polish. The tool pinpoints specific violations—such as mixed corner radii or non-semantic colors—and generates a prioritized, actionable list of fixes, ensuring the final product looks professional and polished, not generic or 'AI-generated.'

Utilizes Expo DOM components to render web code verbatim inside a webview on native platforms, while maintaining native rendering on the web. This enables developers to integrate web-only libraries (such as charting tools, syntax highlighters, or complex CSS layouts) and incrementally migrate existing web components into a React Native application without substantial rewriting.

This skill analyzes React, Tailwind, or HTML interfaces against a comprehensive design rubric (74 rules). It scores the UI from 0-100, identifying common flaws that make interfaces look generic, unfinished, or "AI-generated"—such as mixed corner radii, poor color discipline, or missing states. It provides a prioritized list of actionable fixes to ensure a polished, professional, and user-centric experience before deployment.

A professional 3D mockup template for showcasing modern devices (iPhone, MacBook). It allows embedding real, dynamic HTML content directly into the screen canvas, simulating advanced product launches, app demos, or design presentations. Features include 3D rotation, glass lens refraction, and realistic reflections.

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.

This skill covers practical accessibility patterns for React and Next.js development. It includes semantic HTML usage, proper ARIA attributes implementation, form labeling, keyboard navigation, and focus management. Use this when building interactive components like forms, modals, and dropdowns, or when fixing accessibility lint errors and ensuring screen reader compatibility.