frontend▌

This skill provides a structured workflow for translating Figma designs into production-ready code with pixel-perfect accuracy. It ensures consistent integration with the Figma MCP server, proper use of design tokens, and 1:1 visual parity with designs.

Comprehensive migration guide for converting Create React App projects to Next.js, covering routing, data fetching, components, styling, and deployment. Contains 148 rules across 17 categories, prioritized by migration impact. After a successful migration the application should work the same as it did before the migration.

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.

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

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.

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

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

React Three Fiber renderer for json-render. 19 built-in 3D components.