메뉴
Generates a new feature UI module skeleton following sekpriAI's component architecture. Use when adding a new screen or feature area to the app.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Generates a new AI prompt module with matching JSON schema, typed parser, and unit test. Use when adding a new AI capability (e.g., a new classifier, a new extraction prompt, or a new channel intent).
89 Claude Code workflow tips from Boris Cherny (creator of Claude Code) and the Claude Code team. PROACTIVE MODE: When the user is working on a task, check the CONTEXT MAP below and surface the most relevant tip BEFORE they ask. One tip at a time, short and actionable. Don't dump all tips — be a coach, not an encyclopedia. BROWSE MODE: When invoked with /boris, show the topic list and let the user pick. Use when: setting up Claude Code, optimizing workflows, running parallel sessions, configuring CLAUDE.md, using skills/commands, subagents, hooks, MCP integrations, worktrees, plan mode, verification, permissions, plugins, custom agents, sandboxing, keybindings, status lines, /simplify, /batch, /loop, /btw, /effort, /schedule, voice mode, remote control, auto mode, mobile app, session teleporting, Desktop app, Routines (scheduled/event-driven runs), /rewind, /compact vs /clear, auto-compact window, Opus 4.7 delegation model, full-context briefs, xhigh effort level, /fewer-permission-prompts, recaps, /focus, /g
Generates a new EmailProviderAdapter implementation skeleton that conforms to the contract in lib/providers/types.ts. Use when adding a new email provider (e.g., a new IMAP variant or a future provider).
Generates RAG indexing and retrieval glue code. Use when adding a new source type to the RAG pipeline (e.g., a new attachment format) or when setting up the initial RAG infrastructure.
Generates a new Telegram/WhatsApp command handler that plugs into the channel intent system. Use when adding a new natural-language command that users can send via Telegram or the WhatsApp mock.
Generates test scaffolds for a feature module. Creates Vitest unit tests, integration tests, and Playwright E2E test skeletons following the testing spec (specs/008-testing-spec.md).
| name | pwa-ui |
| description | Generates a new feature UI module skeleton following sekpriAI's component architecture. Use when adding a new screen or feature area to the app. |
| author | sekpriAI team |
| version | 1.0.0 |
| user-invocable | true |
Invoke this skill when you need to create a new feature UI module with proper structure, types, and component skeletons.
features/<name>/
components/
<Name>Page.tsx # Main page component
<Name>List.tsx # List component (if applicable)
<Name>Detail.tsx # Detail component (if applicable)
hooks/
use<Name>.ts # Data fetching hook
server/
actions.ts # Server actions or API call wrappers
types.ts # Feature-specific types
Plus a route entry suggestion for app/(app)/<name>/page.tsx.
lib/providers/* or features/ai/clients/*.hooks/ and server/ directories.components/* (shared UI primitives).'use client'.<Name>Page.tsx<Name>List.tsx, <Name>ListItem.tsx<Name>Detail.tsxuse<Name>.ts or use<Name>Query.tstypes.ts in the feature root/pwa-ui <feature-name>
Example: /pwa-ui memory