Skill UI

This skill enables AI to adapt its operational behavior based on specific task types such as brainstorming, coding, debugging, reviewing, teaching, and deployment. It optimizes performance by switching between distinct modes like BRAINSTORM, IMPLEMENT, and DEBUG, ensuring appropriate communication styles and output formats for each scenario.

A comprehensive guide for implementing Brutalist Typography aesthetics across web and mobile platforms. This style intentionally breaks traditional design rules, utilizing massive system fonts, clashing colors (Black, White, Red), and aggressive layouts (overlapping, negative margins) to create a raw, attention-demanding, and unapologetic visual experience. Includes detailed CSS, SwiftUI, Flutter, and React Native examples.

This comprehensive guide provides implementation details for Card-Based Design, a popular pattern for displaying bite-sized, discrete information units. It covers best practices for achieving responsive, Pinterest-style layouts across multiple platforms, including modern CSS Grid/Masonry for web, and native frameworks like SwiftUI, Flutter, and React Native for mobile apps. Use it when structuring content feeds, portfolio grids, or news articles.

Speed read Claude's responses or supplied text at 600+ WPM using RSVP with Spritz-style ORP highlighting. Provides guidance for compatible upstream /speed readers.

This guide details the principles and implementation for Color Blocking design, an aesthetic characterized by large, solid, contrasting color sections (Mondrian style). It provides comprehensive technical implementations using CSS Grid (Web), SwiftUI, and Flutter for achieving striking, geometric layouts defined by bold colors and clean typography. Perfect for modern, impactful UIs.

A comprehensive style guide for building mission control, NOC dashboards, and global monitoring systems. This theme utilizes dark mode, glowing accents (cyan, amber, red), and complex data visualization elements to simulate a high-stakes, real-time operational environment across web, iOS, and Flutter platforms.

A comprehensive style guide for implementing the Cyber Y2K aesthetic across web and mobile applications. This design package captures the retro-futuristic blend of late 90s/early 2000s digital culture, modern glitch art, and iridescent holographic gradients. It provides detailed code examples using CSS, SwiftUI, and Flutter to achieve key effects like RGB splitting, animated gradients, and aggressive vector typography.

A skill for detecting and removing AI-sounding patterns in Chinese writing. It scores drafts for AI-smell using a deterministic formula, rewrites against 35 known patterns (e.g., 赋能, 闭环, 首先-其次-最后), and optionally clones reference styles or produces variants. Ideal for editing marketing copy, WeChat articles, and social posts to sound human-authored.

Design-It routes frontend design tasks to 48 specific UI styles, avoiding generic aesthetics. It triggers for websites, app screens, or UI components requesting a specific aesthetic. The skill guides AI agents to select appropriate color palettes, typography, and layout principles like the 60-30-10 rule. It supports various frameworks including React, Vue, and mobile platforms.

SEO strategy for technical queries and developer audiences, covering keyword research, error message SEO, Stack Overflow-style content, technical long-tail keywords, and competing with official docs.

Generates structured technical deliverables from completed security analysis: reverse-engineering reports, penetration-test reports, CTF write-ups, and signature-analysis docs with evidence-backed sections, Mermaid diagrams, and vendor-style templates.

This skill activates a high-fidelity simulation of Elon Musk, enabling users to engage in roleplay, apply first principles thinking, and explore strategic innovation perspectives. Ideal for brainstorming, problem-solving, and understanding complex concepts through Musk's unique analytical framework and leadership style.