Use when the user says something like "add login", "users need to sign in", "I want auth", "gate this behind a user account". The auth surface (login / signup / OAuth / sessions) is NOT something you build. Read this whole page before touching auth code.
Use when the user says something like "build an automation", "run this on a schedule", "every morning / hourly / cron", "a worker that polls X", "handle a Stripe/GitHub/Slack webhook", "do something when an event comes in". Read this whole page before scaffolding.
Apply consistent brand colors, typography, and voice across every page or artifact in a project. Use when the user has an existing brand to honor (provided as tokens, a style guide, or by pointing at an existing design), or when establishing a brand from scratch for a new project. Covers brand color tokens, typography…
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…
Use when the user names a GitHub repo to work on ("fix the bug in acme/widgets", "add tests to my-org/api", "open a PR against octocat/hello-world for the spelling issue").
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
Suite of tools for creating elaborate, multi-component single-file HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.