Skill UI

This skill transforms vague or high-level project ideas into eight comprehensive, interconnected planning documents (PRD, TechSpec, Design, Schema, etc.). It establishes a definitive, persistent source of truth for the project's scope, architecture, and design guidelines before a single line of code is written. Ideal for initiating brand-new software projects to prevent scope creep and planning gaps.

A comprehensive reference guide detailing idiomatic and efficient coding practices in Ruby. It covers essential topics such as using Enumerable methods (map, select), modern string handling, robust error management, and proper module/class structuring. By adhering to these guidelines, developers can write cleaner, less verbose, and highly performant code that truly feels 'Ruby-like'.

Generates a comprehensive, structured audit based on WCAG 2.2 guidelines. This tool assesses UI and designs across perceivable, operable, understandable, and robust criteria, covering visual, motor, and cognitive accessibility. It produces a prioritized checklist with pass/fail assessments and specific, actionable remediation suggestions for developers and designers.

This skill generates a complete, actionable CI/CD playbook, thoroughly documenting the entire software deployment lifecycle. It covers essential stages like build & linting, unit/integration testing, security scanning, and phased deployment to staging and production. The output provides clear guidelines on required inputs, automated gates, manual approvals, and necessary rollback procedures, which is crucial for engineering documentation and team onboarding.

This skill generates a comprehensive community management playbook for any brand's social media channels. It provides structured guidelines covering response frameworks, moderation policies, SLAs, and ready-to-use response templates for handling comments, DMs, complaints, and positive interactions consistently and professionally. Ideal for social media teams aiming for brand consistency and reputation management.

This skill generates a comprehensive spacing and layout token system for Figma. It establishes foundational design rules, including a scalable spacing scale (e.g., 4px/8px base), responsive grid definitions for various breakpoints, and component-specific spacing conventions. It ensures design consistency and provides clear guidelines for developer handoff.

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 generates clear, plain English communications for patients across various healthcare contexts. It is ideal for drafting patient letters, educational leaflets, discharge summaries, or test results letters. The output targets accessible reading levels (e.g., US Grade 8), ensuring clear instructions and next steps while adhering to plain language guidelines and professional safety warnings.

Build a complete, actionable social media strategy for any brand, product, or creator. This skill covers audience deep dives, platform selection rationale, content pillar definition, tone of voice guidelines, and a full posting cadence framework. Ideal for marketing teams, founders, or agencies needing an immediate execution plan.

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.

This comprehensive tool manages all aspects of a brand's identity, including voice, visual standards, messaging frameworks, and asset management. It helps teams maintain brand integrity by synchronizing guidelines (e.g., markdown) into actionable digital tokens (JSON/CSS) and validating assets, ensuring all content and designs adhere to established rules and standards.