Claude Skills

Playwright CLIを使ってブラウザ操作を自動実行するスキル。MCP Serverよりトークン効率が良く、シェルから直接ブラウザ操作が可能です。

マネージャーエージェント。自分では作業せず、全ての作業をサブエージェントに委譲します。

Frontend development standards for Ellie's projects. Use when building frontend interfaces, components, pages, or applications. Enforces tech stack preferences (Leptos > HTMX/SolidJS > React, modern vanilla CSS, no Tailwind) and accessibility-first development. Always apply these standards unless they conflict with an existing project's established patterns.

Drizzle ORM schema and database guide. Use when working with database schemas (src/database/schemas/*), defining tables, creating migrations, or database model code. Triggers on Drizzle schema definition, database migrations, or ORM usage questions.

Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText, ToolLoopAgent, embed, or tools, (2) Want to build AI agents, chatbots, RAG systems, or text generation features, (3) Have questions about AI providers (OpenAI, Anthropic, Google, etc.), streaming, tool calling, structured output, or embeddings, (4) Use React hooks like useChat or useCompletion. Triggers on: "AI SDK", "Vercel AI SDK", "generateText", "streamText", "add AI to my app", "build an agent", "tool calling", "structured output", "useChat".

This skill should be used when the user asks about "form validation", "react-hook-form", "zod schema", "form submission", "input validation", "form errors", "useForm hook", "form field", or mentions form handling, validation, or react-hook-form integration with shadcn.

This skill should be used when the user asks about "data table", "tanstack table", "sortable table", "filterable table", "table pagination", "column sorting", "row selection", or mentions building data tables, grids, or TanStack Table integration with shadcn.

This skill should be used when the user asks about "prisma migrate", "database migration", "schema migration", "migrate dev", "migrate deploy", "migration history", "prisma db push", "rollback migration", or mentions database schema changes and versioning with Prisma.

This skill should be used when the user asks about "hyper opacity", "hyper blur", "hyper colors", "hyper theme", "hyper background", "hyper cursor", "hyper font", "hyper padding", or mentions visual customization of Hyper terminal.

This skill should be used when the user asks to "create hyper theme", "hyper theme", "hyper color scheme", "custom hyper theme", "publish hyper theme", or mentions creating or customizing themes for Hyper terminal.

This skill should be used when the user asks about "tab bar", "tab title", "nerd font icons", "process icons", "tab formatting", "powerline tabs", "retro tab bar", "tab colors", or mentions customizing WezTerm tabs with icons and status indicators.

Comprehensive guide for designing and implementing software tests. Use when the user asks to write new tests, refactor existing tests, design test strategies, or improve code coverage for Unit, Integration, E2E, or UI automation across Web, Mobile, Backend, or AI platforms.

systematic guide for technical problem solving, debugging, and architectural decision making. Use this skill when users present complex bugs, request help understanding unfamiliar codebases, need to make technical trade-off decisions, or require root cause analysis for system failures.

Enforces code standards, validates release readiness, and guides pre-commit checks. Use when the user is finalizing features, preparing pull requests, running local CI checks, debugging build failures, or asking about code quality standards.

Standards for project structure, environment configuration, and code organization. Use when scaffolding new projects, refactoring code, setting up environments, or troubleshooting import/build issues across Mobile, Web, and Backend platforms.

Use when asked to create or edit style guides, design systems, component libraries, or update existing frontend components for web projects

Use when running tests via test-runner subagents - delegates test execution to background agents with incremental timeout escalation

Create comprehensive technical specification documents through interactive Q&A. Use when (1) user asks to write a Tech Spec, (2) user wants to plan a new feature, (3) user needs to create technical documentation for a feature, (4) user mentions "tech spec", "technical specification", or "feature planning document".