Skill UI

This skill structures a highly controlled, bounded development life cycle for AI agents. It mandates a structured three-phase workflow: Planning (Spec), Implementation (Build), and Verification (Review). It is essential for building complex features from scratch, especially when dealing with ambiguous requirements, high risk, or needing explicit human approval gates to ensure the resulting code meets all defined specifications.

This masterclass framework provides a structured, end-to-end guide for scoping and planning new web projects, applications, or page designs. It systematically covers core concept definition, user experience (UX) mapping, visual design system establishment, selecting the technical architecture, and optimizing for SEO and performance. Ideal for the initial stages of development.

A portable CI gate designed to enforce Core Web Vitals (LCP, CLS, INP) budgets and category score floors on production frontend builds. It integrates into CI pipelines to automatically block pull requests if the performance metrics fall below defined Google standards, ensuring consistently fast and reliable user experiences.

This guide defines inclusive design, which expands beyond typical accessibility (WCAG) standards. It focuses on ensuring products respect the real-world context, cultural nuances, economic constraints, device limitations, and psychological state of all users. Use this skill when addressing globalization, low-bandwidth environments, diverse user personas, or reducing cognitive load for novice users.

This skill facilitates detailed queries against the 1000 Genomes Project cohort (3,202 individuals). Users can find variants or individuals carrying specific genetic variants within defined regions. It supports querying relatedness, allele frequencies, and various clinical annotations (e.g., AlphaMissense, ClinVar), making it an essential tool for advanced genetic research and population studies.

A comprehensive guide for managing AWS infrastructure as code using the SST v4 (Ion) framework, built on top of Pulumi. This skill covers the entire lifecycle, including writing and editing sst.config.ts, defining high-level components (Function, Bucket, Dynamo), wiring resource links, writing unit tests for infrastructure, and troubleshooting deployments across complex, multi-stack AWS environments.

This skill assists in generating robust Behavior Driven Development (BDD) tests. It supports writing feature files using Gherkin syntax (Given/When/Then) and automatically generates corresponding step definitions in multiple languages, including Java, JavaScript, and Ruby. Ideal for structuring and automating end-to-end functional tests.

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 skill guide for defining the core intent, tone, and strategic direction of any frontend design. It applies rigorous cross-domain principles drawn from architecture, cinema, marketing, and automotive design. Use this before coding to establish purpose, visual hierarchy, and intentional structure, ensuring every design element is deliberate and highly crafted.

This foundational skill guides the establishment and maintenance of a comprehensive developer audience context. It helps map out detailed developer personas, identify core pain points, analyze current alternatives, and determine key technical differentiators. By structuring this context across 10 critical sections, it ensures all subsequent developer marketing materials are highly targeted and speak the exact language of the target user.

This skill provides a comprehensive framework for creating, writing, and optimizing newsletters tailored for developer audiences. It covers content strategy (e.g., 70-20-10 rule), defining newsletter types (curated links, product updates), crafting engaging subject lines, and structuring technical emails for maximum readability and engagement.

This skill defines a framework-agnostic, scalable architecture pattern for React and React Native applications. It mandates feature modules, strict state separation (server vs. UI), and disciplined import rules to create predictable, maintainable, and highly scalable codebases, regardless of the chosen framework (Next.js, Remix, etc.).