web-prototype
(ePost) Use when converting an external prototype, mockup, or codebase into production code with your design system
Browse reusable Agent Skills, each with a clear purpose and practical guidance.
(ePost) Use when converting an external prototype, mockup, or codebase into production code with your design system
(ePost) Use when referencing klara-theme component APIs, props, variants, spacing tokens, or theme provider patterns
Implement images into page sections. Converts from /public/raw/[page]/ to WebP with responsive variants, replaces CDN placeholders with Next.js Image component. Use after midjourney-prompts skill. Triggers on "implement images", "add images to page", "replace placeholder images".
Generate authentication system with user model, sessions controller, and password hashing. Use when implementing user authentication, login/logout, or session management. Provides secure authentication patterns and bcrypt support.
Use for API/SWR wiring in PierceDesk. Covers Supabase auth patterns, client-to-API wiring, data fetching for large datasets or high-frequency updates, and references to docs/system wiring guidance.
Build durable, resumable TypeScript workflows with Vercel Workflow DevKit. Use when creating long-running processes, AI agents, background jobs, multi-step pipelines, webhooks, or event-driven systems. Triggers on "workflow", "durable", "resumable", "use workflow", "use step".
Complete feature development workflow from design to deployment. Use when implementing new features or functionality.
Complete workflow for developing new features from design to deployment. Use when starting a new feature, adding functionality, or building something new.
End-to-end software development lifecycle for building any new feature, API, or application. Follow the phases sequentially.