ui
UI Skills
UIコンポーネントとフォームの生成を担当するスキル群です。
制約の優先順位と適用条件
- 基本は
${CLAUDE_SKILL_DIR}/references/ui-skills.mdの制約を最優先で適用する。 ${CLAUDE_SKILL_DIR}/references/frontend-design.mdは「尖った/独自/表現強め/ブランド強化」などが明示された場合のみ適用する。- UI Skills の MUST/NEVER は原則維持。ただしユーザーが明示的に要求した場合のみ以下の例外を許可する:
- グラデーション、発光、強い装飾
- アニメーション（追加・拡張）
- カスタム easing
機能詳細
More from chachamaru127/claude-code-harness
agent-browser
Control browser like hands and feet. Navigate, fill forms, screenshot, bring it on. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include 'go to [url]', 'click on', 'fill out the form', 'take a screenshot', 'scrape', 'automate', 'test the website', 'log into', or any browser interaction request. Do NOT load for: sharing URLs, embedding links, screenshot image files.
40session-memory
Manages cross-session learning and memory persistence. Use when user asks about previous sessions, history, or to continue from before. Do NOT load for: implementation work, reviews, or ad-hoc information.
37generate-video
プロダクトデモ動画を自動生成。百聞は一見にしかず、を体現。Use when user mentions '/generate-video', video generation, product demos, or visual documentation. Do NOT load for: embedding video players, live demos, video playback features. Requires Remotion setup.
37auth
Implements authentication and payment features using Clerk, Supabase Auth, or Stripe. Use when user mentions login, authentication, payments, subscriptions, or Stripe. Do NOT load for: general UI work, database design, or non-auth features.
36crud
Explicit helper for CRUD scaffolding and API endpoint generation. Do NOT load for: UI components, form design, database schema discussion, or general implementation.
34vibecoder-guide
VibeCoder（非技術ユーザー）を自然言語開発でガイド。Use when user asks what to do next, how to use the system, needs help, or is stuck. Do NOT load for: technical-user work, direct implementation requests, or reviews.
31