Design e Frontend

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.

Design de produto nivel Apple — sistemas visuais, UX flows, acessibilidade, linguagem visual proprietaria, design tokens, prototipagem e handoff. Cobre Figma, design systems, tipografia, cor, espacamento, motion design e principios de design cognitivo.

Apple Human Interface Guidelines for layout and navigation components.

Create React Flow node components following established patterns with proper TypeScript types and store integration.

Create MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. The quality of an MCP server is measured by how well it enables LLMs to accomplish real-world tasks.

Generate React code with Rayden UI components using correct props, tokens, and premium layout patterns

You are a frontend designer-engineer, not a layout generator.

Expert in designing and building autonomous AI agents. Masters tool

You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance.

This skill covers the principles for identifying tasks suited to LLM processing, designing effective project architectures, and iterating rapidly using agent-assisted development.

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