.cursor/skills/kd1-skills/SKILL.md
KD1 プロジェクト専用の実装ガイド(手順書)。 React + TypeScript + Express + Catalyst UI を用いた Web アプリケーションを、 定義済みアーキテクチャと技術スタックに準拠して構築する際に使用する。 本 Skill は「どう実装するか(手順・選定・参照)」を提供し、 常時適用の設計憲法は AGENTS.md に従う。
npx skillsauth add ichiokondo007/kd1-labs kd1-skillsInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
本 Skill は「詳細なやり方」を扱い、AGENTS.md と矛盾する場合は AGENTS.md を優先する。
タスクに応じて以下を参照する:
references/tech-stack.mdreferences/tailwind-components.mdNOTE: 追加の設計資料が増える場合は
references/に集約し、このセクションに導線を追加する。
_template から作成(単一責務・レイヤー分離の強制)新しい機能(feature)は必ず以下で作る:
src/features/_template/ をコピーして src/features/<feature-name>/ を作成Template* 命名を <Feature>* に置換ui/hooks/services/domain/types の構造を崩さない目的:
components/ に横断部品として追加するか、feature 内に閉じ込めるかを判断する)参照:
references/tailwind-components.mdpackages/types を唯一の真実(SSOT) とするtypes.ts に置くapps/client と apps/server で DTO を重複定義しないtailwindコンポーネントは必ず alias import を使用する:
import { Button } from '@/components/button'
import { Input } from '@/components/input'
import { Field, Label, Description } from '@/components/fieldset'
development
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
development
React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.
development
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
development
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.