Skill UI

A comprehensive guide to implementing the Swiss Design (International Typographic Style). This style emphasizes absolute mathematical grids, clean sans-serif typography (like Helvetica), and asymmetrical layouts. It is ideal for users requiring highly structured, minimal, and objective visual communication across web and mobile platforms.

This skill guides the creation of production-ready design systems using Tailwind CSS. It covers advanced topics such as implementing design tokens, managing component variants, establishing responsive patterns, and ensuring high accessibility standards. Use this when building component libraries, applying theming, or standardizing UI patterns across a large codebase.

Design optimal team structures, hiring plans, compensation benchmarks, and equity allocation for early-stage startups from pre-seed through Series A, with stage-by-stage role planning.

This skill involves conducting threat modeling using the STRIDE methodology to identify potential security threats, assess risks, and design appropriate security controls. It is essential when designing secure systems, making architectural changes, or preparing for security audits. The process includes analyzing data flows, identifying trust boundaries, and mitigating risks related to spoofing, tampering, repudiation, information disclosure, denial of service, and privilege escalation.

This skill covers the core setup of Three.js scenes, including cameras, renderers, and object hierarchies. It is designed for initializing 3D environments, configuring rendering pipelines, and managing basic transforms. Use this for foundational work before advancing to shaders or post-processing effects.

This skill guide provides comprehensive implementation details for the Metro/Modern UI style, mimicking the aesthetic of Windows Phone/8 start screens. It focuses on creating sharply cornered, flat-color tiles arranged in a horizontally scrolling grid. Key features include live data updates (e.g., tile flipping) and replicating the classic interactive 'tilt' effect. Applicable for cross-platform development using Web (CSS), iOS (SwiftUI), and Flutter.

A comprehensive toolkit designed to automate virtually all interactions with the Twitter/X platform via Rube MCP. It supports creating, managing, and deleting posts; performing advanced searches across recent or full archives; looking up user profiles by ID or username; managing bookmarks and lists; and interacting with content (liking/unliking). Essential for integrating social media management into automated workflows.

A comprehensive guide for implementing Typography First Design across web and mobile applications. This style emphasizes using type as the primary visual element, minimizing decorative UI elements (chroming) to create a highly focused, high-impact, and sophisticated user experience. Includes specific implementation details for CSS, SwiftUI, Flutter, and React Native.

This skill generates composed UI patterns like card layouts, lists, forms, and grids using design system primitives. It helps developers assemble reusable interface sections efficiently without recreating basic elements. Suitable for building structured content areas within pages while adhering to established design tokens and layout rules for consistency.

Provides opinionated, evolving constraints to guide agents when building interfaces. Helps identify high-impact design problems and propose implementation-ready improvements.

This skill enables you to view, add, or modify design tokens within the StyleSeed design system. It manages core visual properties like colors, typography, spacing, radius, and shadows by synchronizing JSON source files with CSS implementations. Use it to maintain consistency across your UI components and ensure design system integrity during development.

This skill enables you to create interface designs, wireframes, and comprehensive design systems. It covers user research methodologies, accessibility standards like WCAG, and modern design tools such as Figma. The expert specializes in design tokenization, component libraries, and cross-platform consistency. Capabilities include usability testing, information architecture, visual design, interaction design, and design system governance. Ideal for building accessible, user-centered digital experiences across web, mobile, and desktop platforms.