frontend▌

To build powerful frontend claude.ai artifacts, follow these steps:

Use this skill as the recommend-first entrypoint for end-to-end Xcode build optimization work.

Use this skill when package structure, plugins, or dependency configuration are likely contributing to slow Xcode builds.

Create, update, delete, inspect, and chat with Agent Builder agents. Create, update, delete, list, and test custom tools (ES|QL, index search, workflow). If the user provided a name, use $ARGUMENTS as the default agent name.

Build distinctive, production-grade interfaces that avoid generic "AI slop" aesthetics.

Searchable database of UI styles, color palettes, font pairings, chart types, product recommendations, UX guidelines, and stack-specific best practices.

react-native

Effective requirements gathering establishes a shared understanding of what will be built, preventing misalignment and expensive changes later in the project.

../../../engineering-team/tdd-guide/SKILL.md

Implication: Core logic is framework-agnostic. When contributing or debugging, check if issue is in @xyflow/system or framework-specific package.