AI SummaryHeuristic scoring (no AI key configured).
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to add the "warikan — Cursor Rules" prompt rules to my project. Repository: https://github.com/dtakamiya/warikan Please read the repo to find the rules/prompt file, then: 1. Download it to the correct location (.cursorrules, .windsurfrules, .github/prompts/, or project root — based on the file type) 2. If there's an existing rules file, merge the new rules in rather than overwriting 3. Confirm what was added
Description
Cursor Rules for warikan
重要度: 最高
• shadcn/ui をベースとしたコンポーネントの使用 • 既存の UI は承認なしでの変更を禁止 • コンポーネントのカスタマイズは最小限に抑える `typescript // ✅ 良い例：shadcn/uiコンポーネントをそのまま使用 import { Button } from "@/components/ui/button"; // ❌ 悪い例：不必要なカスタマイズ const CustomButton = styled(Button)` // 独自のスタイリング `; `
Tailwind CSS の使用
• ユーティリティクラスを優先的に使用 • カスタムクラスは@layerで定義 • 命名規則はkebab-caseを使用 `typescript // ✅ 良い例 <div className="flex items-center justify-between p-4"> // ❌ 悪い例 <div style={{ display: 'flex', alignItems: 'center' }}> `
重要度: 高
• モバイルファーストアプローチ • Tailwind のブレークポイントを使用 • sm: 640px • md: 768px • lg: 1024px • xl: 1280px • 2xl: 1536px
重要度: 高
• WAI-ARIA ガイドラインの遵守 • キーボード操作のサポート • 適切なコントラスト比の確保 • スクリーンリーダー対応
Discussion
Health Signals
My Fox Den
Community Rating
Sign in to rate this booster
Works With
Any AI assistant that accepts custom rules or system prompts