AI Agent Skills

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.

Automate a real browser from the terminal for navigation, form filling, snapshots, screenshots, extraction, and UI-flow debugging.

Generate or scaffold ASP.NET Core code — Razor Pages, Blazor components, MVC controllers, views, and Minimal API endpoints — without using ASP.NET Core CLI scaffolding/c…

Create polished shieldcn README badges, badge groups, charts, headers, sponsors grids, and full README hero sections. Use when a user wants shadcn/ui-styled badges, Shie…

Use when the user wants to design a mobile app or UI screens, when they mention their Sleek (sleek.design) projects, or when implementing Sleek designs in code (HTML, Re…

Flux CD and Flux Operator expert — answers questions and generates schema-validated YAML for all Flux CRDs (not repo auditing or live cluster debugging). Use when users…