ウェブサイト、画像、プレゼンテーション、動画のためのオリジナルワークフロー。
Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, responsive design, or web performance.
Turn technical concepts into interactive isometric machines: detailed SVG illustrations, WebGL effects and optional 3D motion, as HTML, SVG or React components.
Write reflected C++ Actors and components, configure the Gameplay Framework, and manage module dependencies.
Upgrade Chakra UI v2 projects to v3 across packages, providers, components, and theming.
Explain Git diffs or pull requests, affected components and potential change risks.
Community Vue 3 workflows covering components, state, routing, testing and debugging.
Describe system architecture, components, technology choices and integration.
Apply Material Design 3 guidance to components, themes and layouts, with a primary focus on Jetpack Compose.
development skill for Claude AI. Grade A. You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or planning anything new, in software or out of it (a talk, a business, a renovation).
Search step.parts for standard components, compare dimensions, and download traceable STEP files with checksum verification.
Stress-test UI components with realistic edge-case data and a switchable worst-case fixture.
Implement UI from Figma or an image with the project’s existing components and tokens.
Create reports, invoices and other PDFs with React components, reusable layouts, SVG graphics and controlled page breaks.
Instructions to make or update an app's UI so that it adapts to different Android devices including phones, tablets, foldables, laptops, desktop, TV, Auto and XR. It includes how to handle different window sizes, pointing devices (such as mouse) and text entry devices (such as keyboard) using the Compose MediaQuery API. It also covers multi-pane layouts using Navigation3 Scenes, adaptive UI components (such as buttons) with varying target sizes, and adaptive layouts (including navigation areas - nav rails and nav bars) using the Compose Grid and FlexBox APIs.
Use for UI design and implementation work to avoid generic AI-looking interfaces. Provides anti-slop rules, a required discovery phase before coding, and guidance for layout, typography, color, motion, accessibility, dashboards, tables, landing pages, theming, and polish. Trigger when editing UI code or reviewing and refining components, pages, screens, layouts, animations, responsive behavior, or design systems.
Build responsive Chakra UI v3 components, page layouts, providers, and reusable themes.
Structure Rust games with components, resources, queries, schedules, plugins, and frame-independent systems.
Apple Human Interface Guidelines for iPhone. Use when building, reviewing, or refactoring SwiftUI/UIKit interfaces for iOS. Triggers on tasks involving iPhone UI, iOS components, accessibility, Dynamic Type, Dark Mode, or HIG compliance.
Two skills turn UI components into monochrome HTML specification sheets and animate finished drawings with camera moves and exploded layers.
Add suitable Suspense boundaries to Sanity Studio custom form components.
Build responsive interface components with shadcn/ui, Tailwind CSS and design-system guidance.
Use whenever the user wants to build or modify a chat, agent, or tool-calling UI in a React 19 + Tailwind v4 project — especially if the code imports from `@/components/agent-elements/*` or the project has that folder on disk. Triggers: "agent chat", "tool call UI", "streaming chat", "plan approval", "AgentChat", "InputBar", "tool renderer", mentions of Agent Elements, or requests to add a new agent surface with shadcn. Do NOT use for plain chat UIs that don't need tool/plan/approval cards, or for projects already committed to a different agent UI kit.
Build responsive UI components with project design systems, accessible interactions and complete application states.
Analyze a Figma file into a graph of screens, components, instances and design tokens.