omgkit 1.0.0

package/plugin/skills/frameworks/spring/SKILL.md

@@ -0,0 +1,70 @@
+---
+name: spring
+description: Spring Boot development. Use for Spring projects, REST APIs, JPA.
+---
+
+# Spring Boot Skill
+
+## Patterns
+
+### Controller
+```java
+@RestController
+@RequestMapping("/api/users")
+public class UserController {
+    @Autowired
+    private UserService userService;
+
+    @GetMapping
+    public List<User> findAll() {
+        return userService.findAll();
+    }
+
+    @PostMapping
+    public ResponseEntity<User> create(@RequestBody CreateUserDto dto) {
+        User user = userService.create(dto);
+        return ResponseEntity.status(HttpStatus.CREATED).body(user);
+    }
+}
+```
+
+### Service
+```java
+@Service
+public class UserService {
+    @Autowired
+    private UserRepository userRepository;
+
+    public List<User> findAll() {
+        return userRepository.findAll();
+    }
+}
+```
+
+### Repository
+```java
+@Repository
+public interface UserRepository extends JpaRepository<User, Long> {
+    Optional<User> findByEmail(String email);
+}
+```
+
+### Entity
+```java
+@Entity
+@Table(name = "users")
+public class User {
+    @Id
+    @GeneratedValue(strategy = GenerationType.IDENTITY)
+    private Long id;
+
+    @Column(unique = true)
+    private String email;
+}
+```
+
+## Best Practices
+- Use constructor injection
+- Use DTOs for API contracts
+- Use @Transactional for writes
+- Use Spring Security

package/plugin/skills/frameworks/vue/SKILL.md

@@ -0,0 +1,62 @@
+---
+name: vue
+description: Vue.js development. Use for Vue 3 projects, Composition API, Pinia.
+---
+
+# Vue.js Skill
+
+## Composition API
+
+### Component
+```vue
+<script setup lang="ts">
+import { ref, computed } from 'vue';
+
+const count = ref(0);
+const doubled = computed(() => count.value * 2);
+
+function increment() {
+  count.value++;
+}
+</script>
+
+<template>
+  <button @click="increment">{{ count }} ({{ doubled }})</button>
+</template>
+```
+
+### Composable
+```typescript
+// composables/useUser.ts
+export function useUser(id: Ref<string>) {
+  const user = ref<User | null>(null);
+  const loading = ref(true);
+
+  watch(id, async (newId) => {
+    loading.value = true;
+    user.value = await fetchUser(newId);
+    loading.value = false;
+  }, { immediate: true });
+
+  return { user, loading };
+}
+```
+
+### Pinia Store
+```typescript
+export const useUserStore = defineStore('user', () => {
+  const user = ref<User | null>(null);
+
+  async function login(email: string, password: string) {
+    user.value = await api.login(email, password);
+  }
+
+  return { user, login };
+});
+```
+
+## Best Practices
+- Use Composition API
+- Use `<script setup>`
+- Create composables for logic
+- Use Pinia for state

package/plugin/skills/frontend/accessibility/SKILL.md

@@ -0,0 +1,52 @@
+---
+name: accessibility
+description: Accessibility (a11y). Use for WCAG compliance, screen readers, keyboard navigation.
+---
+
+# Accessibility Skill
+
+## Semantic HTML
+```html
+<header>
+<nav aria-label="Main">
+<main>
+<article>
+<aside>
+<footer>
+```
+
+## ARIA
+```html
+<button aria-label="Close" aria-pressed="false">
+<div role="alert" aria-live="polite">
+<input aria-describedby="hint-id">
+```
+
+## Keyboard Navigation
+```tsx
+function handleKeyDown(e: KeyboardEvent) {
+  if (e.key === 'Enter' || e.key === ' ') {
+    activate();
+  }
+  if (e.key === 'Escape') {
+    close();
+  }
+}
+```
+
+## Focus Management
+```tsx
+const ref = useRef<HTMLButtonElement>(null);
+
+useEffect(() => {
+  if (isOpen) ref.current?.focus();
+}, [isOpen]);
+```
+
+## Checklist
+- [ ] Color contrast 4.5:1+
+- [ ] Keyboard accessible
+- [ ] Focus visible
+- [ ] Alt text on images
+- [ ] Form labels
+- [ ] Skip links

package/plugin/skills/frontend/frontend-design/SKILL.md

@@ -0,0 +1,47 @@
+---
+name: frontend-design
+description: Frontend design patterns. Use for component architecture, state management.
+---
+
+# Frontend Design Skill
+
+## Component Patterns
+
+### Compound Components
+```tsx
+<Select>
+  <SelectTrigger>Select option</SelectTrigger>
+  <SelectContent>
+    <SelectItem value="1">Option 1</SelectItem>
+  </SelectContent>
+</Select>
+```
+
+### Render Props
+```tsx
+<DataFetcher url="/api/users">
+  {({ data, loading }) => loading ? <Spinner /> : <UserList users={data} />}
+</DataFetcher>
+```
+
+### Custom Hooks
+```tsx
+function useLocalStorage<T>(key: string, initial: T) {
+  const [value, setValue] = useState<T>(() => {
+    const stored = localStorage.getItem(key);
+    return stored ? JSON.parse(stored) : initial;
+  });
+
+  useEffect(() => {
+    localStorage.setItem(key, JSON.stringify(value));
+  }, [key, value]);
+
+  return [value, setValue] as const;
+}
+```
+
+## Best Practices
+- Single responsibility components
+- Lift state appropriately
+- Colocate related code
+- Use composition over inheritance

package/plugin/skills/frontend/responsive/SKILL.md

@@ -0,0 +1,46 @@
+---
+name: responsive
+description: Responsive design. Use for mobile-first, adaptive layouts.
+---
+
+# Responsive Design Skill
+
+## Breakpoints
+```css
+/* Mobile first */
+.element { /* Mobile styles */ }
+
+@media (min-width: 640px) { /* sm */ }
+@media (min-width: 768px) { /* md */ }
+@media (min-width: 1024px) { /* lg */ }
+@media (min-width: 1280px) { /* xl */ }
+```
+
+## Patterns
+
+### Fluid Typography
+```css
+font-size: clamp(1rem, 2.5vw, 2rem);
+```
+
+### Responsive Grid
+```css
+.grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 1rem;
+}
+```
+
+### Container Queries
+```css
+@container (min-width: 400px) {
+  .card { flex-direction: row; }
+}
+```
+
+## Best Practices
+- Mobile-first approach
+- Use relative units
+- Test on real devices
+- Consider touch targets (44px min)

package/plugin/skills/frontend/shadcn-ui/SKILL.md

@@ -0,0 +1,58 @@
+---
+name: shadcn-ui
+description: shadcn/ui components. Use for pre-built accessible React components.
+---
+
+# shadcn/ui Skill
+
+## Installation
+```bash
+npx shadcn-ui@latest init
+npx shadcn-ui@latest add button
+```
+
+## Usage
+```tsx
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"
+
+<Button variant="default">Click me</Button>
+<Button variant="outline">Outline</Button>
+<Button variant="ghost">Ghost</Button>
+
+<Card>
+  <CardHeader>
+    <CardTitle>Title</CardTitle>
+  </CardHeader>
+  <CardContent>
+    Content here
+  </CardContent>
+</Card>
+```
+
+## Form Pattern
+```tsx
+import { useForm } from "react-hook-form"
+import { Form, FormField, FormItem, FormLabel, FormControl } from "@/components/ui/form"
+
+<Form {...form}>
+  <FormField
+    control={form.control}
+    name="email"
+    render={({ field }) => (
+      <FormItem>
+        <FormLabel>Email</FormLabel>
+        <FormControl>
+          <Input {...field} />
+        </FormControl>
+      </FormItem>
+    )}
+  />
+</Form>
+```
+
+## Best Practices
+- Customize via CSS variables
+- Use with React Hook Form
+- Extend components as needed

package/plugin/skills/frontend/tailwindcss/SKILL.md

@@ -0,0 +1,52 @@
+---
+name: tailwindcss
+description: Tailwind CSS styling. Use when styling with utility classes.
+---
+
+# Tailwind CSS Skill
+
+## Core Utilities
+```html
+<!-- Spacing -->
+<div class="p-4 m-2 space-y-4">
+
+<!-- Flexbox -->
+<div class="flex items-center justify-between gap-4">
+
+<!-- Grid -->
+<div class="grid grid-cols-3 gap-4">
+
+<!-- Typography -->
+<p class="text-lg font-bold text-gray-900">
+```
+
+## Responsive
+```html
+<div class="text-sm md:text-base lg:text-lg">
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
+```
+
+## Component Pattern
+```html
+<button class="
+  px-4 py-2
+  bg-blue-500 hover:bg-blue-600
+  text-white font-medium
+  rounded-lg
+  transition-colors
+  focus:outline-none focus:ring-2 focus:ring-blue-500
+">
+  Click me
+</button>
+```
+
+## Dark Mode
+```html
+<div class="bg-white dark:bg-gray-900 text-black dark:text-white">
+```
+
+## Best Practices
+- Use consistent spacing
+- Mobile-first responsive
+- Extract common patterns
+- Use @apply sparingly

package/plugin/skills/frontend/threejs/SKILL.md

@@ -0,0 +1,59 @@
+---
+name: threejs
+description: Three.js 3D graphics. Use for 3D scenes, WebGL, animations.
+---
+
+# Three.js Skill
+
+## Basic Setup
+```javascript
+import * as THREE from 'three';
+
+const scene = new THREE.Scene();
+const camera = new THREE.PerspectiveCamera(75, width / height, 0.1, 1000);
+const renderer = new THREE.WebGLRenderer();
+
+renderer.setSize(width, height);
+document.body.appendChild(renderer.domElement);
+```
+
+## React Three Fiber
+```tsx
+import { Canvas } from '@react-three/fiber';
+import { OrbitControls } from '@react-three/drei';
+
+function Scene() {
+  return (
+    <Canvas>
+      <ambientLight />
+      <pointLight position={[10, 10, 10]} />
+      <mesh>
+        <boxGeometry />
+        <meshStandardMaterial color="orange" />
+      </mesh>
+      <OrbitControls />
+    </Canvas>
+  );
+}
+```
+
+## Animation
+```tsx
+import { useFrame } from '@react-three/fiber';
+
+function Box() {
+  const ref = useRef<THREE.Mesh>(null);
+
+  useFrame((state, delta) => {
+    if (ref.current) ref.current.rotation.y += delta;
+  });
+
+  return <mesh ref={ref}>...</mesh>;
+}
+```
+
+## Best Practices
+- Use React Three Fiber for React
+- Dispose resources
+- Optimize draw calls
+- Use instances for repeated objects

package/plugin/skills/languages/javascript/SKILL.md

@@ -0,0 +1,62 @@
+---
+name: javascript
+description: JavaScript development. Use for ES6+, async patterns, DOM manipulation.
+---
+
+# JavaScript Skill
+
+## Patterns
+
+### Async/Await
+```javascript
+async function fetchData() {
+  try {
+    const response = await fetch('/api/data');
+    const data = await response.json();
+    return data;
+  } catch (error) {
+    console.error('Fetch failed:', error);
+    throw error;
+  }
+}
+```
+
+### Destructuring
+```javascript
+const { name, email } = user;
+const [first, ...rest] = items;
+const { data: userData } = response;
+```
+
+### Spread Operator
+```javascript
+const merged = { ...defaults, ...options };
+const combined = [...array1, ...array2];
+```
+
+### Modules (ESM)
+```javascript
+// Named exports
+export const helper = () => {};
+export function process() {}
+
+// Default export
+export default class Service {}
+
+// Import
+import Service, { helper, process } from './service.js';
+```
+
+### Optional Chaining
+```javascript
+const street = user?.address?.street;
+const result = callback?.();
+```
+
+## Best Practices
+- Use const/let, never var
+- Use arrow functions for callbacks
+- Use template literals
+- Use optional chaining
+- Use nullish coalescing (??)
+- Use modules (ESM)

package/plugin/skills/languages/python/SKILL.md

@@ -0,0 +1,63 @@
+---
+name: python
+description: Python development. Use when writing Python code, using pip, or working with Python frameworks.
+---
+
+# Python Skill
+
+## Patterns
+
+### Type Hints
+```python
+from typing import Optional, List
+
+def create_user(email: str, password: str) -> User:
+    """Create a new user."""
+    ...
+
+def get_users(limit: int = 10) -> List[User]:
+    ...
+```
+
+### Async
+```python
+import asyncio
+import aiohttp
+
+async def fetch_data(url: str) -> dict:
+    async with aiohttp.ClientSession() as session:
+        async with session.get(url) as response:
+            return await response.json()
+```
+
+### Dataclasses
+```python
+from dataclasses import dataclass
+from datetime import datetime
+
+@dataclass
+class User:
+    id: str
+    email: str
+    created_at: datetime = field(default_factory=datetime.now)
+```
+
+### Pydantic
+```python
+from pydantic import BaseModel, EmailStr
+
+class UserCreate(BaseModel):
+    email: EmailStr
+    password: str
+
+    class Config:
+        str_strip_whitespace = True
+```
+
+## Best Practices
+- Use type hints everywhere
+- Use dataclasses or Pydantic for data
+- Use async for I/O operations
+- Follow PEP 8
+- Use virtual environments
+- Write docstrings

package/plugin/skills/languages/typescript/SKILL.md

@@ -0,0 +1,66 @@
+---
+name: typescript
+description: TypeScript development. Use when writing TypeScript, using strict types, or type-safe code.
+---
+
+# TypeScript Skill
+
+## Patterns
+
+### Strict Types
+```typescript
+interface User {
+  id: string;
+  email: string;
+  createdAt: Date;
+}
+
+interface CreateUserInput {
+  email: string;
+  password: string;
+}
+
+function createUser(input: CreateUserInput): Promise<User> {
+  ...
+}
+```
+
+### Generics
+```typescript
+type Result<T, E = Error> =
+  | { ok: true; data: T }
+  | { ok: false; error: E };
+
+async function fetchUser(id: string): Promise<Result<User>> {
+  try {
+    const user = await db.users.findById(id);
+    return { ok: true, data: user };
+  } catch (error) {
+    return { ok: false, error };
+  }
+}
+```
+
+### Utility Types
+```typescript
+type Partial<T> = { [P in keyof T]?: T[P] };
+type Required<T> = { [P in keyof T]-?: T[P] };
+type Pick<T, K extends keyof T> = { [P in K]: T[P] };
+type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+```
+
+### Const Assertions
+```typescript
+const CONFIG = {
+  API_URL: 'https://api.example.com',
+  TIMEOUT: 5000,
+} as const;
+```
+
+## Best Practices
+- Enable strict mode
+- Use interfaces for objects
+- Use type for unions/intersections
+- Avoid `any`
+- Use const assertions
+- Prefer unknown over any

package/plugin/skills/methodology/brainstorming/SKILL.md

@@ -0,0 +1,34 @@
+---
+name: brainstorming
+description: Creative brainstorming. Use when exploring ideas, generating options.
+---
+
+# Brainstorming Skill
+
+## Process
+1. **Diverge** - Generate many ideas without judgment
+2. **Explore** - Ask clarifying questions
+3. **Converge** - Evaluate and prioritize
+
+## Rules
+- One question at a time
+- No premature judgment
+- Quantity over quality first
+- Build on ideas
+
+## Techniques
+- Mind mapping
+- SCAMPER
+- Reverse brainstorming
+- Random word association
+
+## Output
+```markdown
+## Ideas Generated
+1. [Idea] - [Brief rationale]
+
+## Top Recommendations
+1. **Best Overall**: [Why]
+2. **Most Innovative**: [Why]
+3. **Quickest Win**: [Why]
+```