Skill UI

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.

Guides cross-posting and publishing on Dev.to, Hashnode, and developer blogging platforms. Covers canonical URLs, platform optimization, tags, engagement, and audience growth strategies.

This skill involves systematically monitoring developer conversations across technical platforms like GitHub, Reddit, and Stack Overflow to understand brand perception and competitive positioning. It helps identify user sentiment, find engagement opportunities, and gather unfiltered product feedback. By tracking mentions and discussions, you can detect churn risks, discover content gaps, and respond to buy intent signals effectively.

This skill performs security-focused code reviews for pull requests, commits, and diffs. It prioritizes high-risk areas like authentication, cryptography, and external calls. The process is evidence-based, requiring specific line numbers and attack scenarios. It adapts to codebase size and always generates a comprehensive markdown report.

This skill provides a comprehensive guide for implementing sophisticated, print-quality editorial design across web, iOS (SwiftUI), and Flutter platforms. It focuses on achieving an elegant, magazine-like aesthetic using classic techniques such as serif/sans-serif typography pairing, large drop caps, pull quotes, and columnar layouts. Ideal for content-heavy applications needing a sophisticated, literary feel.

Performs authorized web fuzzing with ffuf to discover hidden paths and endpoints. It guides scoped testing, baseline comparison, evidence collection, and mandatory confirmation before probing.

Audit and fix HTML accessibility issues such as ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use it when adding interactive controls, forms, or dialogs, or when reviewing WCAG compliance.

A comprehensive guide covering the aesthetic and technical implementation of floating User Interface (UI) elements. Learn how to create detached, elevated components, such as cards and navigation bars, giving the application a light, airy, and modern feel across Web (CSS), iOS (SwiftUI), and Flutter platforms. Key principles include soft shadows, generous margins, and pill shapes.

This skill covers Formik form handling patterns for React applications. It includes setting up basic forms, implementing validation schemas using Yup, handling form field helpers, and managing form submission with GraphQL. Suitable for building login forms, edit forms, and complex input validation scenarios in TypeScript environments.

Everyday TypeScript data transformations using functional patterns: array reshaping, object normalization, grouping, aggregation, and null-safe nested access with practical examples.

This skill acts as a specialized expert for transitioning codebases across various frameworks, languages, versions, and platforms. It generates detailed migration plans, automated migration scripts, comprehensive risk assessments, and rollback strategies. Use it when upgrading technology stacks or moving code between disparate systems to ensure minimal disruption and maintain core functionality.

A comprehensive technical guide for implementing the nostalgic Frutiger Aero aesthetic across web and mobile platforms. This style, popular in the mid-2000s, is characterized by glossy gradients, translucent glass effects, and nature-inspired motifs (sky, water, grass), creating an optimistic, skeuomorphic user interface experience.