“Frontend development”

Design and build Python CLIs with Typer: commands, output contracts, and tests.

Use when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel.

Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation.

Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes.

Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid…

Use when building a minimal agency site with a disciplined editorial grid, oversized typography, quiet uppercase utility labels, restrained image blocks, and…

This skill should be used for project-level decisions about LLM-powered systems: whether an LLM is the right primitive for the task at hand, the shape of a…

AI agent development workflow for building autonomous agents, multi-agent systems, and agent orchestration with CrewAI, LangGraph, and custom agents.

Use when executing implementation plans with independent tasks in the current session

Modern web development expertise covering React, Node.js, databases, and full-stack architecture.

Build modern frontend applications with React, Next.js, and Tailwind CSS.

Architecture, conventions, and implementation workflows for full-stack systems, backend APIs, modern frontends, and database migrations.

R package development with devtools, testthat, and roxygen2.

Implement and route HitKeep contributions through the repository-owned hk developer platform.

Validate color contrast checker operations.

Madorin 插件开发入口技能。用于统一编排 Native、MCP、Process 三类通道，约束工程规范、插件元数据协议、宿主能力申请、设置界面 schema、外部包 AOT 校验、发布安装与运行时更新流程。触发关键词：插件开发、Native 插件、MCP 插件、Process 插件、进程插件、发布插件、安装插件。

Helps an agent and human turn Chip Huyen's verified frontend pattern into a local skill matched to their browser tools, development environments, visual…

按验收条件和有序任务清单实现代码，并遵守绑定的项目规则。

Converts a legacy Backstage frontend plugin used by Red Hat Developer Hub to the New Frontend System (NFS): replace createPlugin and createRoutableExtension…

Build web interfaces with genuine design quality, not AI slop.

Use when designing or auditing AI product human-in-the-loop — write approval, proposal accept/reject, action confirm, spend caps, run detail, memory capture…

Use when designing AI product trust, privacy, or honesty UX — cloud disclosure, voice/mic consent, transcript retention, memory ownership, AI labeling…

Use when designing AI product first-run or blank-slate UX — chat empty state, example prompts, capability discovery, templates, nudges, or follow-ups.

Use when building a scroll-driven cinematic 3D landing experience for any brand: AI-generated photoreal frames displaced into real 3D by depth maps, a…