Development

Best practices for writing clear, actionable error messages in code.

Uses the Vibesafe MCP server to scan, compile, test, save, diff, and report status for Vibesafe units. Activate when the user asks to run vibesafe CLI commands (scan/compile/test/save/diff/status), regenerate code from specs, or inspect drift/checkpoints.

Quality vectors for code comments

将文章或内容转换为专业的中文可视化HTML网页。当需要生成HTML页面、制作可视化内容展示页、将Markdown或文本转换为网页时使用。

Create and manage Claude Code plugins including commands, agents, skills, hooks, and MCP servers. This skill should be used when building new plugins, debugging plugin issues, understanding plugin structure, or working with plugin marketplaces.

Rust coding standards (Japanese comments required, error handling, logging, naming conventions). Use when writing new code, adding error handling, logging, fixing errors, asking about coding style, thiserror, tracing, naming conventions, or code review.

Breaks down complex software tasks into atomic, actionable work items using structured methodologies. Use when planning features, analyzing requirements, decomposing user stories, creating work breakdown structures, or splitting large tasks into implementable units.

Use this skill whenever the user wants to harden security for Cloudflare Workers/Pages APIs (e.g. Hono + TypeScript), including WAF-style protections, rate limiting, IP restrictions, secrets handling, and secure headers.

Core Web Vitals, lazy loading, code splitting, image optimization, and metrics.

Revisa cambios de codigo en la UI Nuxt/Vue buscando problemas de accesibilidad, rendimiento, reactividad, tipos, y violaciones de buenas practicas. Usar cuando el usuario diga "revisa el codigo", "review ui", "analiza los cambios" o invoque /review-ui.

Use when writing or reviewing technical documentation to follow Google's documentation style guide - https://developers.google.com/style

Debug Android Flutter apps including runtime errors, build issues, device connection problems, and performance issues. Use when troubleshooting Android-specific problems, crashes, or deployment issues.

Optimize SvelteKit applications by leveraging SvelteKit's full-stack architecture for instant server-side rendering and progressive enhancement. Specialized in load functions, form actions, and SvelteKit's data loading patterns.Use when:- User reports slow initial page load with loading spinners- Page uses onMount + fetch for data fetching- Store patterns cause waterfall fetching- Need to improve SEO (content not in initial HTML)- Converting client-side data fetching to server-side load functions- Implementing progressive enhancement patternsTriggers: "slow loading", "optimize fetching", "SSR data", "SvelteKit optimization","remove loading spinner", "server-side fetch", "convert to load function", "progressive enhancement","data fetch lambat", "loading lama"

Specialized development guidelines for the Zap Pilot frontend built with Next.js 15, React 19, Tailwind CSS v4, and TypeScript. Covers service-first architecture, component composition patterns, TanStack Query integration, Radix UI components, Web3 wallet integration via ThirdWeb SDK, routing with Next.js App Router, and progressive web app optimization. Use when working with React components, API integration, styling, data fetching, wallet connectivity, or building new features.

DSPy declarative framework for automatic prompt optimization treating prompts as code with systematic evaluation and compilers

Write vanilla JavaScript for Web Components with functional core, imperative shell. Use when creating JavaScript files, building interactive components, or writing any client-side code.

HTML-first form patterns with CSS-only validation. Use when building accessible forms with the form-field custom element, output element for messages, and native HTML5 validation.

Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Codex needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2) Reading or analyzing data, (3) Modify existing spreadsheets while preserving formulas, (4) Data analysis and visualization in spreadsheets, or (5) Recalculating formulas

Automatically builds and tests code changes. Use whenever code is modified, tests fail, before creating pull requests, or when verifying code quality.

Select appropriate Segoe MDL2 Assets icons for WinUI Windows applications. Use when the user needs an icon for their WinUI app UI, asks for icon recommendations, needs a glyph for a button or control, or wants to find icons by visual appearance or use case. Provides Unicode points and icon names with visual descriptions and creative alternatives.