Menu
Generates a new feature UI module skeleton following sekpriAI's component architecture. Use when adding a new screen or feature area to the app.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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