Design & Frontend
4,640 results
- Croct Use Clicroct-techUse when driving the Croct CLI (`croct`, `npx croct@latest`): setting up Croct in a project with `croct init`, adding or removing slots and components (`croct add slot`, `croct add component`, `croct remove ...`), syncing generated types and fallback content (`croct install`, `croct update`, `croct upgrade`), editing `croct.json` or its version specifiers (`"home-hero": "1 - 3"`), authenticating…
- Croct Use Croctcroct-techUse when a task involves Croct in any way and you need orientation: what Croct is, how its concepts fit together (organization, workspace, application, component, slot, experience, audience, experiment, default and fallback content), which Croct skill to load next, or how to look up the live Croct documentation.
- Frontend Design UI UXulpi-ioProduce a distinctive, LOCKED design language plus an implementation-ready UX/UI spec, written to `.ulpi/design/`: a per-brief visual identity (palette, type, signature), the design system to build on, user flows and states, component briefs, and accessibility constraints.
- Frontend Web Dev Expertdy9759Advanced frontend web development expert system that provides comprehensive modern web development services including architecture design, UI/UX implementation, performance optimization, engineering setup, and cross-platform development through expert collaboration and intelligent tool integration.
- Funnel Platform PickerautonnelChoose a landing page or sales funnel platform by working out the real total cost and lock-in for a specific case - comparing ClickFunnels, CartFlows, FunnelKit, systeme.io, GoHighLevel, Shopify apps, hand-rolled pages and self-hosted open-source options.
- Groove Work DocandreadellacorteCreate a 'how does X work' documentation file for a codebase component or concept. Use $ARGUMENTS as the doc topic if provided.
- Modern Angular ImplementationpluginagentmarketplaceImplement Angular 18+ features: Signals, standalone components, @defer blocks, SSR, zoneless change detection, new control flow syntax, and Material 3 integration.
- Nano Bananahoruz-aiAI image generation using Nano Banana PRO (Gemini 3 Pro Image) and Nano Banana (Gemini 2.5 Flash Image). Use this skill when: (1) Generating images from text prompts, (2) Editing existing images, (3) Creating professional visual assets like infographics, logos, product shots, stickers, (4) Working with character consistency across multiple images, (5) Creating images with accurate text…
- Nextjs 16 Architecturehoruz-aiComprehensive Next.js v16 development with Cache Components, feature-based architecture, and best practices. Use for ANY Next.js 16 task to know - (1) Project structure with features folder pattern, (2) Where to fetch data with use cache, (3) Server vs Client component decisions, (4) One file per query/type/schema/hook pattern, (5) Cache invalidation with updateTag/revalidateTag, (6) Proper…
- Post Purchase Upsell FlowautonnelDesign and implement one-click post-purchase upsells and downsells that raise average order value without hurting the main conversion rate. Use when asked to increase AOV, add an upsell, cross-sell or downsell after checkout, build a one-click upsell flow, monetize the thank-you page, or when someone asks how to make more revenue per customer from the same ad spend.
- Pr ReviewnocodevitHive project PR review — gates before creating or merging any PR. Checks: build passes, vitest green, version bumped in package.json + .release-please-manifest.json, UI color contract respected (Crush palette, no rgba alpha on accent backgrounds), LF line endings, no debug residue, no window.prompt() (broken in Electron renderer), no hardcoded versions, TypeScript clean (no unexplained…
- Propose Feature DesigncbgbtCreate or update feature technical design document with architecture and implementation guidance
- Sales Funnel BlueprintautonnelTurn an offer into a concrete multi-step sales funnel spec - page-by-page structure, price ladder, copy outline and the metrics each step must hit. Use when asked to build a sales funnel, marketing funnel, landing page flow, lead magnet funnel, webinar funnel, tripwire or VSL funnel, when planning a product launch page flow, or when someone asks "what pages do I need" for selling something online.
- ScreenshottverghoCapture PNG screenshots of dex TUI commands for debugging UI layout issues. Use when iterating on CLI interface code or debugging rendering problems.
- Shadcn UI BlocksdeomiarnBuild websites using shadcn blocks. 929 components across 44 categories with visual reference catalog.
- Upgrade SumupSumUpGuide for upgrading SumUp API versions and server/mobile SDKs (@sumup/sdk, sumup-go, sumup Python, PHP, Java, Rust, .NET, iOS Terminal, Android Reader, Swift Checkout, React Native). Use when bumping SumUp SDK versions or migrating off deprecated endpoints.
- Vega Multi Tv MigrationamazonappdevMigrate Vega OS (Amazon Fire TV) applications to multi-platform React Native monorepo supporting Android TV, Apple TV, and other platforms. Covers analysis, implementation, and native module integration. Use when migrating TV apps to support multiple platforms or building new multi-platform TV applications.
- Youtube Intro Outroiart-aiThis skill should be used when the user asks to "make a YouTube intro", "create a channel intro", "build a logo sting/bumper", "design an outro / end screen / end card", "add subscribe and next-video cards", "make an intro animation", "build a reusable intro template", or "sync the logo reveal to an audio sting".
- _svg-drawingpossumworxWhen creating vector artwork, illustrations, or SVG graphics for creative expression - provides iterative drawing workflow with visual feedback using render-svg tool
- 10 Api Designerk1lgorUse when designing REST/GraphQL APIs, creating OpenAPI specs, defining request/response contracts, or refactoring API schemas — before implementation begins
- 12 Frontend Architectk1lgorUse when building UI components, implementing responsive layouts, managing client-side state, or fixing accessibility issues — before shipping to production
- 20 Ux Designerk1lgorUse when designing user flows, creating accessible UI components, optimizing visual hierarchy, or defining design systems — with usability and accessibility verification
- 23 Search Vector Architectk1lgorUse when designing full-text search (Elasticsearch), vector search (Pinecone, Weaviate), RAG pipelines, or hybrid search systems — with evaluation metrics
- 24 Workflow Orchestratork1lgorUse when designing multi-step workflows, state machines, parallel execution plans, or coordinating multiple agents/skills for a complex task