Claude Skills by Intense-Visions

> Onboarding copy — progressive disclosure, value-first framing, reducing anxiety, and welcome flows that convert sign-ups into active users

> Permission and access copy — role-based messaging, upgrade prompts, gating copy, "you don't have access" patterns

> Plain language for UI — reading level targeting, jargon elimination, sentence structure for scanning

> Search copy — placeholder text, zero-results messaging, autocomplete hints, search scope indicators, saved search patterns

> Settings and preferences copy — toggle descriptions, preference explanations, consequence previews, settings organization

> Success feedback copy — confirmation messages, celebration calibration, and next-step prompts that close the action loop and guide users forward

> Tooltip and contextual help writing — when to use tooltips, what to put in them, and progressive disclosure patterns that educate without interrupting

> Voice and tone in UI writing — defining voice (constant) vs tone (contextual), formality calibration, and emotional register

> Writing for scanning — F-pattern, front-loading keywords, chunking, bullet vs prose decisions for UI text

> Validate AGENTS.md quality and evolve it as the codebase changes. Good context engineering means AI agents always have accurate, current knowledge about the project.

> Load Vue components lazily to reduce initial bundle size using defineAsyncComponent

> Communicate from child to parent components using emits and defineEmits

> Extract and reuse stateful logic across components using Vue composables

> Create custom Vue directives for low-level DOM manipulation and reusable DOM behavior

> Manage shared application state with Pinia stores in the Options or Setup style

> Share data across a component tree without prop-drilling using provide/inject

> Create and manage reactive primitive values and objects using ref and reactive

> Extract behavior into components that render nothing, delegating all rendering to the consumer via slots

> Use named, scoped, and dynamic slots to build flexible, composable component APIs

> Render a component's HTML at a different location in the DOM using Vue's Teleport

> React to data changes with watch and watchEffect for side effects and async operations

> Spawn and manage child actors for independent, concurrent state machines that communicate via message passing

> Control transition eligibility with guards and execute side effects with entry, exit, and transition actions

> Remember and restore previous state configurations with shallow and deep history pseudo-states

> Invoke promises, callbacks, observables, and child machines as services tied to state node lifecycles

> Define statecharts with createMachine for explicit states, transitions, context, and events

> Model concurrent, independent state regions that are active simultaneously within a single machine

> Connect XState machines to React components with useMachine, useActor, and useSelector hooks

> Test XState machines with direct state transition assertions and model-based testing for path coverage

> Generate full type safety for XState machines with typegen (v4) and the setup pattern (v5)

> Visualize and inspect XState machines at design time and runtime with Stately Studio, Inspector, and VS Code extension

> Validate arrays, tuples, records, maps, and sets with Zod's collection primitives

> Run async Zod validation with parseAsync, safeParseAsync, async refinements, and external checks

> Handle Zod validation failures with safeParse, ZodError, error.format, error.flatten, and custom error maps

> Derive TypeScript types from Zod schemas with z.infer, input vs output types, and ZodTypeAny

> Validate Next.js server actions, API routes, and form data with Zod schemas

> Shape and compose Zod objects with pick, omit, partial, required, extend, merge, strict, and passthrough

> Define runtime-validated TypeScript schemas with z.object, primitives, enums, literals, and schema composition

> Validate and transform strings with Zod's min, max, email, url, regex, trim, and custom error messages

> Transform and validate data with Zod's transform, refine, superRefine, and preprocess APIs

> Model variant types with z.union, z.discriminatedUnion, z.intersection, and type narrowing

> Apply ARIA roles, states, and properties correctly to enhance assistive technology support for custom widgets

> Ensure sufficient color contrast ratios and never use color as the sole means of conveying information

> Build accessible forms with proper labeling, grouped controls, inline validation, and clear error communication

> Write effective alt text for images and provide text alternatives for all non-text content

> Ensure all interactive elements are reachable and operable via keyboard alone without requiring a mouse

> Build accessible modal dialogs with focus trapping, escape dismissal, background inertness, and screen reader announcements

> Implement animations that respect user motion preferences, avoid seizure triggers, and provide pause controls

> Test web applications with screen readers to verify accessible navigation, announcements, and interaction patterns

> Use semantic HTML elements to convey document structure, meaning, and navigation landmarks to assistive technology