Skill UI

StyleSeed is a comprehensive design judgment engine designed to elevate the aesthetic quality of AI-generated user interfaces. It codifies 69 visual rules covering color discipline, spatial rhythm, information hierarchy, and motion feedback. By integrating these principles, developers can ensure that AI output looks professionally designed and polished, rather than simply generated. Includes React components, Tailwind CSS implementation, and actionable design guidelines.

A comprehensive, expert-level guideline for building Agentic User Interfaces (UIs). This system emphasizes conversational interactions, clear outcomes, and minimal user controls, allowing users to delegate complex tasks to AI. It provides structured rules covering color tokens, typography, accessibility (WCAG 2.2 AA), and component anatomy for professional developers and designers.

Provides expert guidance for building professional, scalable, and brand-aligned design systems. It covers foundational tokens (color, typography, spacing), component anatomy, accessibility standards (WCAG 2.2 AA), and structured content writing rules, ensuring design consistency and high quality for large-scale enterprise products.

This comprehensive guide helps elevate a UI from merely functional to polished, purposeful, and aesthetically coherent with its domain. It dictates pre-coding design choices, such as defining the audience, tone (e.g., minimal, industrial), and purpose. It provides rigorous guidelines on establishing visual hierarchy, typography, color palettes, and interactions, ensuring the final product feels intentional and professional, rather than generic or templated.

This guideline defines the rigorous structure and expertise required to author professional, production-ready design systems. It covers brand foundations, essential design tokens (color, typography, spacing), detailed component anatomy, WCAG 2.2 AA accessibility rules, and a complete, structured workflow. Use this skill to create highly consistent, scalable, and implementation-ready design documentation for engineering and design teams.

A powerful 12-agent pipeline designed for academic writers, guiding users through the entire research publication lifecycle. It covers systematic literature review, structural outlining, full drafting, citation compliance, bilingual abstract generation, and simulating peer review. Features include Style Calibration and Writing Quality Checks to ensure high academic rigor and professional polish.

A comprehensive, domain-agnostic 13-agent system designed for rigorous academic research on any topic. It guides users through the entire research lifecycle, supporting deep literature reviews, systematic meta-analysis, cross-source synthesis, bias assessment, and generating professional APA 7.0 reports. Ideal for academics, students, and analysts needing structured, deep insights.

This skill transforms a course syllabus (PDF, DOCX, etc.) into a highly curated, supplementary academic reading list. It parses topics and learning outcomes, calibrates content difficulty based on the target audience (undergraduate, graduate, etc.), and searches academic databases (Consensus) for recent, peer-reviewed papers. The output is a professional .docx file containing summaries, links, and advanced discussion questions, making it invaluable for educators and students needing structured, up-to-date course resources.

A detailed technical workflow for inspecting complex 3D animation, rigging, and motion states within Blender. This skill moves beyond visual inspection by extracting structured data—such as bone transformations, world-space bounding boxes, ground contacts, and axis conventions—to accurately diagnose issues like foot sliding, rotation errors, or retargeting mismatches in professional animation pipelines.

This skill provides a comprehensive solution for embedding the powerful, Photoshop-compatible Photopea editor into any web application. Using photopea.js, developers can control the embedded instance via JavaScript, enabling advanced workflows such as opening remote files, loading local assets (fonts, brushes), executing custom scripts to manipulate layers and text, and exporting the final result in various formats (PNG, JPG, PSD, WebP). Ideal for building professional creative tools directly into your product.

A powerful Python skill for adding professional callouts, arrows, and labels to various images, including screenshots, diagrams, and architecture documents. It allows users to visually highlight specific areas or changes. The advanced `annotate.py` module provides algorithmic label placement, optimizing for readability and preventing overlaps. Ideal for creating clear PR descriptions, documenting changes, or building annotated demo assets.

This skill provides a rigorous set of engineering and design directives for building professional-grade user interfaces using React/Next.js and Tailwind CSS. It enforces modern architectural constraints, ensures accessibility, and guides design decisions (typography, color, layout) to avoid common web clichés, resulting in high-fidelity, production-ready code.