Skill Claude CodeCodex
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and…
Skill Claude CodeCodex
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
Skill Claude CodeCodex
Shape output for a reader with ADHD: lead with the next action, number multi-step work, restate state across turns, suppress tangents, give specific time estimates, make wins visible. Invoke with /i-have-adhd; stays on until "stop adhd mode".
Skill Claude CodeCodex
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel…
Skill Claude CodeCodex
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
Cursor rule Cursor
USE WHEN: Defining HTTP requests, endpoints, and handling API responses.
Cursor rule Cursor
USE WHEN: Applying core principles and enforcing global project constraints.
Cursor rule Cursor
USE WHEN: Constructing forms, validating inputs, and managing form state with Zod schemas.
Cursor rule Cursor
USE WHEN: Managing translation files (JSON), localization keys, or implementing multi-language logic.
Cursor rule Cursor
Next.js 16 App Router Standards & Constraints.
Cursor rule Cursor
USE WHEN: Optimizing Core Web Vitals, managing assets, and ensuring high Lighthouse/A11y scores.
Cursor rule Cursor
USE WHEN: Designing React components, implementing hooks, and managing component lifecycles.
Cursor rule Cursor
USE WHEN: Managing global client state with Zustand and handling client-side state logic.
Cursor rule Cursor
USE WHEN: Managing server state, fetching data, and handling mutations with TanStack Query.
Cursor rule Cursor
TanStack Start Routing, Loaders, and Server Functions Standards.
Cursor rule Cursor
USE WHEN: Writing unit, integration, or component tests. Mandatory for logic in features.
Cursor rule Cursor
USE WHEN: Defining TypeScript types, Zod schemas, and generic constraints for type safety.
Cursor rule Cursor
USE WHEN: Building UI components, structuring layouts, and applying styles using Tailwind CSS.
Instructions file CodexOpenCode
AGENTS.md instructions for omergulcicek/omergulcicek.com, covering agents.md, persona, cli commands, operational guardrails and communication.