AI Agent Skills

Nervos CKB Explorer Frontend

Signs of taste in web UI. Use when building or reviewing web interfaces, dashboards, SaaS apps, or internal tools.

Create an HTML color palette from a mood, description, or image, with swatches, color codes, pairings, and contrast checks. Use for color schemes or brand colors.

Generates a polished, static HTML reading view from an existing Markdown PRD or technical design. Use when a user asks to render, present, visualize, or make a PRD or de…

Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen readers. Use when building or reviewing UI components…

FigmaSharp.Maui.Graphics turns your Figma design into .NET MAUI Graphics code

‹B› Web components, classes, and utilities for creating single-page PWAs – built with Lit by Blackstone Publishing

Color strategy pass — introduces a single accent at 3-5 intentional placements, or reduces an over-colored UI back to 90% neutral. Use when the UI has no color identity,…

WhiteboxTools Python Frontend

Zero-Config Reusable Component Framework for React 🥜💜

ESLint plugin that brings Flow's Render Types to TypeScript via JSDoc. Enforce component composition constraints like `@renders {MenuItem}` at lint time.

이미지가 필요할 때 가용한 모든 경로(이미지 생성 API, HTML·CSS 렌더링, 보유 사진, 기존 웹 자산)를 동시에 시도해 비교하고 추천한다.

Color systems for digital products, from building and naming a palette to applying it with meaning and verifying contrast. Use when creating or extending a color palette…

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shado…

Expert checklist and prompts for auditing and fixing Android accessibility issues, especially in Jetpack Compose.

Expert guidance on using Coil for image loading in Jetpack Compose. Use this when asked about loading images from URLs, handling image states, or optimizing image perfor…