Skill UI

This skill generates a comprehensive, professional brief designed for influencer marketing campaigns. It systematically structures all necessary components—including defined campaign goals, target audience profiles, specific content deliverables (e.g., Reels, Stories), creative guidelines, and key messaging—making the output ready to send directly to creators, talent agencies, or brand partners.

This skill acts as a sophisticated router for frontend design, providing access to 48 deeply opinionated UI styles (e.g., Material, Brutalism, Glassmorphism). It ensures professional aesthetic coherence by enforcing specific style guidelines, utilizing curated universal color palettes, and guiding the implementation process for both web and mobile applications.

Provides comprehensive guidelines and code examples (CSS, SwiftUI, Flutter) for implementing modern, dynamic gradient designs. Ideal for projects needing vibrant transitions, animated backgrounds, and an energetic, contemporary aesthetic. Learn how to apply complex color blending to backgrounds, text, and borders across major platforms.

Comprehensive brand management covering voice, visual identity, messaging frameworks, asset organization, and consistency audits. Includes scripts for syncing brand guidelines to design tokens, validating assets, extracting colors, and injecting brand context into prompts.

This skill provides comprehensive visual philosophy and art-direction guidelines for frontend design. It is ideal for creating high-concept campaigns, unique brand manifestos, or when a distinct, sophisticated, and art-like aesthetic is required. Users define a 'movement' and articulate its core principles across various sensory dimensions, ensuring the final output feels meticulously crafted and conceptually deep.

A comprehensive suite designed for AI agents to perform safe, deep, and multi-format web searches. It allows agents to retrieve current web information, analyze PDFs, extract YouTube transcripts, and access GitHub code files. Instructions include guidelines for varying search depths and using specialized tools for code context retrieval.

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.

A comprehensive framework for creating structured, clean, and highly accessible design systems. It defines foundational constraints, typography scales, color tokens, and component-level rules, ensuring consistency and usability across engineering and design teams. Focuses on achieving WCAG 2.2 AA compliance and implementation readiness.

A skill for creating liquid glass design effects, providing techniques and guidelines for implementing glassmorphism and liquid aesthetics in UI design.

This skill is designed to assist with code quality assessment and improvement. It provides guidelines and tools for analyzing code, identifying issues, and suggesting enhancements to maintain high standards in software development projects.

A comprehensive template providing best practices for full-stack development. It covers detailed architecture design, optimal file structures for Next.js and FastAPI, standard code patterns (e.g., API responses, custom hooks), and integration guidance for modern AI services, ensuring scalable and maintainable applications.

This skill acts as an expert guide for creating comprehensive, implementation-ready design system documentation. It structures guidelines by defining foundational tokens (color, typography, spacing), detailing component anatomy, interaction states, and adhering to strict accessibility standards (WCAG 2.2 AA). Use it to ensure your design standards are consistent, technically sound, and actionable for engineering and design teams.