ワンクリックで
agent-communication
Communication style guidelines, error handling patterns, and conflict resolution templates for AI coding agents.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
メニュー
Communication style guidelines, error handling patterns, and conflict resolution templates for AI coding agents.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Execute `dart analyze` to identify warnings and errors, and use `dart fix --apply` to automatically resolve mechanical lint issues. Use during development to ensure code quality and before committing changes.
Production dashboard UI patterns for Flutter: animation tokens system with spring physics and page transitions, glassmorphism cards with staggered entrance, gradient stat cards with animated counters, shimmer loading skeletons, error state with shake animation, empty state with animated entrance, consistent section headers, status badges, store selector with bottom sheet, multi-tenant store selection with persistence, schema-based feature visibility, state provider integration with Riverpod, and responsive metric card layouts.
Multi-microservice Dio networking patterns for Flutter: cookie-based session auth with cookie_jar, shared PersistCookieJar across multiple Dio instances, Bearer token fallback, AuthInterceptor with 401 detection on both onResponse and onError, static cross-cutting logout callback, ApiService thin typed wrapper with response envelope validation, dual-format envelope parser (status/success), cursor-based pagination, and dual-layer error hierarchy (Exception + Failure). Designed for production Flutter apps connecting to multiple backend microservices.
Complete Flutter state management and architecture skill covering Bloc (Cubit vs Bloc, BlocProvider, BlocListener, BlocBuilder, BlocSelector, BlocConsumer), Riverpod (StateNotifierProvider, NotifierProvider, FutureProvider, StreamProvider, ref.watch/read/listen, autoDispose, family), GoRouter (declarative routing, deep links, redirect guards, ShellRoute for nested navigation, StatefulShellRoute, typed routes), Dio (interceptors, error handling, retry with dio_smart_retry, request cancellation, logging), Clean Architecture (data/domain/presentation layers, repository pattern, use cases, dependency injection), and testing (bloc_test, Riverpod test, widget test with ProviderScope, mocktail, unit testing repository/use cases). Designed for the Flutter Developer agent building production-grade Flutter applications.
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
Global installation strategy for opencode-agent-kit: cross-platform config paths, symlink-based per-project setup, environment variable overrides, and upgrade workflow.
| name | agent-communication |
| description | Communication style guidelines, error handling patterns, and conflict resolution templates for AI coding agents. |
Guidelines for clear, structured communication with users and consistent error handling patterns.
I'm going to create a new MarketCard component in `app/components/markets/MarketCard.vue`.
This component will:
- Accept market data as props
- Display name, status, and key metrics
- Handle loading and error states
- Include hover animations for better UX
I'm using the existing pattern from UserCard.vue for consistency.
// Comprehensive validation with Zod
const schema = z.object({
email: z.string().email('Invalid email'),
password: z.string().min(8, 'Password must be 8+ characters'),
age: z.number().min(18, 'Must be 18+').optional(),
});
try {
const validated = schema.parse(formData);
} catch (error) {
if (error instanceof z.ZodError) {
setErrors(error.flatten().fieldErrors);
}
}
// All states handled
{ loading && <Skeleton /> }
{ error && <ErrorMessage error={error} retry={refetch} /> }
{ !data && !loading && <EmptyState /> }
{ data && <DataDisplay data={data} /> }
// Retry logic with exponential backoff
async function fetchWithRetry(url: string, retries = 3) {
for (let i = 0; i < retries; i++) {
try {
return await fetch(url);
} catch (error) {
if (i === retries - 1) throw error;
await sleep(Math.pow(2, i) * 1000);
}
}
}
When encountering blockers or conflicting requirements:
When writing components or functions, consider testability:
// GOOD: Easy to test — pure function, clear inputs/outputs
export function formatMarketData(market: Market): FormattedMarket {
return {
name: market.name,
volumeFormatted: formatCurrency(market.volume),
changePercent: market.change24h.toFixed(2),
};
}
// GOOD: Composable with mockable dependencies
export function useMarketData(marketId: Ref<string>) {
const data = ref<Market | null>(null);
const loading = ref(false);
const fetch = async () => {
loading.value = true;
data.value = await fetchMarket(marketId.value);
loading.value = false;
};
watch(marketId, fetch, { immediate: true });
return { data, loading, fetch };
}
Stay updated on:
When encountering new patterns or tools: