Generic font choices can make polished work feel unfinished. This skill guides stronger font selection, pairing, contrast, and scale for Claude, Codex, and Claude Code.

Teams often get inconsistent colors when agents add direct CSS values in component code. This skill guides Claude, Codex, and Claude Code to use Material UI theme colors and customColors.

Figma MCP output can contain design variables and inline styles that are hard to maintain. This skill maps those values to standard Tailwind CSS classes and project tokens.

Responsive websites can hide layout defects after animation changes. This skill captures scrolled full-page screenshots across device sizes for focused visual review.

Modern web animations can hurt performance and accessibility when they are implemented without clear guardrails. This skill gives Claude practical GSAP patterns, testing steps, and launch checks for polished animation work.

Teams often lack a clear record of brand colors, type, imagery, and responsive rules. This skill turns site assets and brand inputs into structured guide content for Claude, Codex, and Claude Code workflows.

Video production requires many creative and technical decisions. This skill selects suitable tools and structures workflows for demos, explainers, social clips, avatars, and generated footage.

Unstructured websites make pages difficult to find and maintain. This skill creates page hierarchies, navigation plans, URL maps, and internal linking recommendations.

Signup flows often lose users through extra fields, unclear errors, and weak trust cues. This skill audits registration experiences and suggests focused CRO changes.

Marketing pages often lose visitors through unclear messaging, weak CTAs, or missing trust signals. This skill reviews page structure and gives prioritized CRO recommendations.

Marketing teams need consistent images that fit each channel and load efficiently. This skill guides image planning, prompting, production, and web optimization.

Ad teams need many platform-ready variations without losing evidence, brand fit, or review clarity. This skill creates grounded copy, concepts, test plans, and review pages.

Visual experiences can become inconsistent, slow, or inaccessible across pages. This skill guides animation, gallery, demo, and Three.js updates with clear safety constraints.

Marketing teams need clear video plans before using generation tools. This skill turns campaign ideas into scripts, shot lists, platform notes, and edit guidance.

Teams need consistent UI components that follow local design rules. This skill guides shadcn/ui creation with tokens, states, responsive layouts, and accessibility.

Agent tools fail when descriptions, schemas, and errors are unclear. This skill provides practical patterns for cleaner tool interfaces and smaller tool sets.

Teams need consistent UI components and feedback flows without rebuilding common patterns. This skill guides Claude, Codex, and Claude Code to generate accessible React-oriented UI.

Game teams need consistent exploration content that fits SHINOBI WAY rules. This skill guides region, location, room, intel mission, and path design for Claude, Codex, or Claude Code.

Visual projects lose consistency when colors, shapes, lighting, and texture are undocumented. This skill turns art direction decisions into a structured style guide.

Raw talking-head footage contains pauses, restarts, and transcription errors that slow later production. This skill creates a reviewed cut and corrected subtitle package.