Design & Frontend
4,640 results
- ModmakerWhiteTowerAIBuild a working Slay the Spire 2 mod from a one-sentence natural-language description. Use when the user wants to create, generate, or build an STS2 mod end to end: design, author, build, and verify it in-game.
- Mongoose MongodbpluginagentmarketplaceWork with MongoDB in Node.js using Mongoose ODM for schema design, CRUD operations, relationships, and advanced queries
- Motion StackANVEAIPick, wire and prove the right open-source library or tool for AI-made video that renders frame-exact. Encodes a hands-on bake-off of 20 popular motion repos (GSAP, three.js, React Three Fiber, Drei, Rapier, pmndrs postprocessing, Remotion, Motion Canvas, Motion, Anime.js, Rive, dotLottie and lottie-web, SVGO, Satori, Howler, Mediabunny, FFmpeg, plus the GSAP, Remotion and Motion skill packs)…
- MysqlalivirgoDesign and administer MySQL or MariaDB schemas, indexes, grants, backups, and migrations; investigate replication basics.
- NatsalivirgoDesign NATS subjects and JetStream streams; use pull consumers, AckWait, and Nats-Msg-Id dedupe; configure TLS/auth; debunk exactly-once—at-least-once with publish dedupe and idempotent handlers.
- Next.js 15+ Patternsmcgilly17App Router, React Server Components, Server Actions (2025 best practices)
- Nextjs ExpertraisiqueiraUse this skill when you need expert guidance on Next.js development, including App Router implementation, Server/Client Components, data fetching strategies, routing patterns, performance optimization, and modern React best practices.
- no-ai-slopclaudiusararuUse when building, generating, or reviewing UI for a website, web app, or mobile app to make it look intentionally designed rather than AI-generated. Removes the common AI/template "tells" (default fonts like Inter/Geist, indigo and purple-blue gradients, cream backgrounds, grey low-contrast text, pill/eyebrow over heroes, icon-card grids, shadcn-default cards, em-dashes, forced/orphan…
- Offsidermichael-palmesProvides Offsider CLI guidance for automating iOS and Android simulators, emulators and USB devices. Use when asked to "use Offsider", "automate a simulator", "automate an Android emulator or USB phone", "boot an emulator", "tap/swipe/type on simulator or emulator", "replace or clear a text field", "press back", "set a slider", "describe UI", "take a screenshot", "record video", "batch steps"…
- OnsystemdgestevesBuild or change React UI with this project's own design system. Use when writing or editing components, pages or styles in .tsx/.jsx files, choosing colors, spacing or radius, or reviewing UI code. Look components, props, variants and tokens up with the onsystem MCP tools instead of guessing, and fix every check_ui finding.
- Plan Pluginrhawk117Planning interview for a Claude Code plugin; ends in a phased plan and an empty plugin shell, never a build. Use whenever the user wants to create, design, plan, scope or extend a Claude Code plugin, says "I want a plugin that...", "bundle our X conventions", "package this for the team", "what should go in the plugin", or describes several customisations at once for one purpose, even without the…
- Plugin CreatorAnthonyKazyakaGuide for creating and managing Claude Code plugins. Use when creating a new plugin, adding plugin components (commands, agents, skills, hooks, MCP servers), or validating plugin structure and configuration.
- Pm Grill MeKscl1A relentless interview to sharpen a plan or design.
- Pocketflownickth3manPocketFlow framework for building LLM applications with graph-based abstractions, design patterns, and agentic coding workflows
- poster-agentDeepKolorCreate or restyle non-product posters and cover artwork for films, books, albums, exhibitions, conferences, community events, editorial stories, and cultural campaigns. Use when the deliverable is a single designed poster or cover with a subject, message, hierarchy, and target surface. Supports photographic, illustrated, typographic, collage, modernist, vintage, and experimental directions.
- PostgresqlalivirgoDesign PostgreSQL schemas, indexes, and safe online migrations; diagnose locks and slow queries with EXPLAIN; configure pooling, auth, and backup/restore without PgBouncer or invalid-index traps.
- Previewantoine-tenaSee a page or a dialog of the frontend as users do - a screenshot on three phones (iPhone 16, Galaxy A55, Galaxy S24) and a computer (1920 × 1080), logged in or not, then look at them. Use to check a rendering (new page, dialog, visual touch-up, overflow on mobile) or when the user asks to "see" something on mobile and desktop.
- Project BootstraporrrrliScaffold a brand-new full-stack project in one pass — backend .NET Clean Architecture + CQRS (MediatR) and mobile React Native/Expo — going from an already-filled root CLAUDE.md context straight to a working skeleton plus exactly one vertical slice example feature implemented end-to-end.
- Project Initfandhe-aiGitHub Project v2 を新規作成し、Status/Priority/Size の標準フィールドを設定してリポジトリにリンクする。Auto-add/Auto-archive/Auto-close 等のビルトインワークフロー設定 URL もガイド (CLI 不可・Web UI のみ)。「プロジェクト作って」「Project v2 セットアップ」「カンバン作成」などで使用。
- PrometheusalivirgoDesign Prometheus scrape configs, bounded-label metrics, and alert rules with symptom-first PromQL; avoid cardinality fires and silent relabel collisions agents cause.
- PrototypeMalcolmMcNeelyBuild a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.
- Quality GatesimotaRendering the ship decision from evidence, and designing the gate criteria that encode it: conditions, blocking, and overrides. Use before a release, or when defining a definition of done.
- Radix UISlanyCukrBuild accessible, unstyled React UI components with Radix Primitives
- RaycastalivirgoBuild Raycast extensions with React and TypeScript, create Script Commands, and troubleshoot URL schemes and extension execution on macOS.