“Frontend development”

Project-facing skill entry; resolve the canonical definition from `../../.skills/frontend-design/SKILL.md`.

Use when you need a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge…

Use when adding a perspective WebGL background grid with fading lines, subtle particle haze, slow forward drift, and gentle camera parallax.

You MUST activate this skill when working on Swift projects

Angular framework development, migration, and component generation.

Create distinctive, production-grade frontend interfaces with high design quality.

Develop phase entry; routes task execution, state updates, KB sync, and plan close-out through references/assets/scripts.

This skill should be used when the user asks to create a new skill, repair an existing skill, improve trigger descriptions, reorganize skill structure, or…

开发实施阶段入口；聚合任务执行、状态更新、知识库同步与收尾状态规则，按需加载 references/assets/scripts。

开发、验证和排障 RabiRoute 原生热补丁。用于动态发现新增模块、增量编译、版本租约、状态迁移、发布、回滚和不停服验收；默认热补丁，按实际支持矩阵判断可迁移边界。

Generates Angular code and provides architectural guidance.

End-to-end product development for iOS/macOS apps.

Route and execute game project work across Unreal Engine, Unity, Godot, Bevy, browser engines, assets, performance, builds, and playtesting.

AWS Cloud Development Kit (CDK) expert for building cloud infrastructure with TypeScript/Python.

SST v4 (Ion) expert for managing AWS resources as code with the Pulumi-backed framework.

Creates and repairs Claude Code slash commands, including their frontmatter, arguments, prompts, and local file references.

Builds and debugs Claude Code lifecycle hooks, covering event types, input payloads, JSON responses, exit codes and registration in settings or plugins.

Use when you need high-quality stock-style images from Aura Assets (aura.build/assets) similar to Unsplash for design mockups and marketing: backgrounds…

Create React loading, processing, selected, current, focus, and pressed states with the border-beam package's animated edge glow.

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…