Design & Frontend
4,640 results
- Prototype Developmentcna-bootcampUI/UX ì¤ê³ì를 기ë°ì¼ë¡ 기본 HTMLê³¼ JavaScript를 ì¬ì©íì¬ ëìíë íë¡í íì ì ê°ë°í©ëë¤. ê°ë° ê²½íì´ ìë ì¬ì©ìë ì½ê² ì¬ì©í ì ìëë¡ ì¤ê³ëììµëë¤.
- Seeker Connectsolana-mobileConnect a web, React Native, or Kotlin dapp to the Seeker device's built-in wallet with Seeker Connect. Use when adding wallet connection, sign-in with Solana, message signing, or transaction signing to an Expo or React Native app on a Seeker phone, a Kotlin app on it, or a website that runs in its browser, registering the "Seeker Connect" Wallet Standard wallet, setting the Nostr relay for…
- Solana Mobile Walletsolana-mobileConnect Solana wallets and sign or send transactions in React Native Expo apps using Mobile Wallet Adapter and Wallet UI. Use when adding a connect wallet button, showing a connected address, disconnecting, signing messages, sign-in with Solana, transferring SOL, or sending any transaction from a Solana mobile app.
- Swift LocalizationjamesmontemagnoBest practices for internationalizing Swift/SwiftUI applications using LocalizedStringResource, String Catalogs (.xcstrings), and type-safe localization patterns. Use when implementing multi-language support, adding new UI strings, or refactoring hardcoded text in Swift apps.
- Taste EvaljwyniaEvaluate creative work against explicit taste preferences. Use when drafting to align with project aesthetics, when reviewing to surface preference conflicts, or when generating voting options to reflect diverse tastes.
- Threejs Scene BuilderDexploarerComprehensive Three.js and React Three Fiber skill for creating 3D scenes, characters, NPCs, procedural generation, animation retargeting, and interactive experiences. Use when user asks to "create Three.js scene", "setup React Three Fiber", "add 3D character", "create NPC AI", "procedural 3D generation", "retarget animation", "setup avatar system", or "create 3D game".
- VerifykirkchenUse when validating implementation against spec artifacts before archive — not for design, planning, or implementation
- Web ProjectsiludeGuidelines for web development projects using JavaScript/TypeScript frameworks. Activate when working with web projects, package.json, npm/yarn/pnpm, React, Next.js, Vue, Angular, Svelte, or other web frameworks, frontend components, or Node.js applications.
- Wordpress Theme To Emdashemdash-cmsPort a WordPress theme's design and template behavior to an EmDash-powered Astro site. Use for theme migrations, design matching, PHP-template conversion, and CMS wiring. Do not use for WordPress plugin behavior that does not affect the site theme.
- Writing PlansBbeierle12Use after brainstorming/design phase to create detailed implementation plans. Creates step-by-step plans clear enough for execution by any developer.
- Ai Integrated API BackendtwofourlabsComprehensive guide for building production-grade AI-integrated backends with multi-provider support, intelligent fallback mechanisms, region configuration, prompt management with variables/tools, and session-based billing. Use when implementing AI features in Django/Python backends or designing LLM-powered API architectures with external data integration.
- Codex Theme CreatorcodexthemesCreate, redesign, validate, preview, package, and prepare cohesive themes for the official Codex desktop app from a visual brief or reference image. Use when a user asks for a new Codex theme, wants to preserve or adapt the native Codex layout, wants artwork on the home or conversation page, reports inconsistent themed surfaces, or needs a portable .codex-theme submission for CodexThemes.
- Domain Model Boundaries Mapperpatricio0312revIdentifies domain modules, ownership boundaries, dependencies, and interfaces using Domain-Driven Design principles. Provides domain maps, bounded contexts, refactor recommendations. Use for "DDD", "domain modeling", "bounded contexts", or "service boundaries".
- Domino UI BootstrapDomino Data LabBootstrap or retrofit a Vite + React 18 + TypeScript project so it uses the Domino design system (`@dominodatalab/extensions-tools`). Scoped to projects that are (or will be) a **fully standalone SPA frontend for a Domino application or extension** — not snippets, library additions, or work inside an existing Domino monorepo package.
- ExplorerenzrollonDeep read-only reconnaissance before a change is designed. Fans out parallel investigators when a question spans several subsystems, compares options, needs cross-file tracing, or changes what a shared value means, then synthesizes one picture and, in an autonomous run, writes a durable brief.
- Form Wizard Builderpatricio0312revBuilds multi-step forms with validation schemas (Zod/Yup), step components, shared state management, progress indicators, review steps, and error handling. Use when creating "multi-step forms", "wizard flows", "onboarding forms", or "checkout processes".
- Frontend PatternswebdevtodayjasonModern frontend architecture patterns for React, Next.js, and TypeScript including component composition, state management, performance optimization, accessibility, and responsive design. Use when building UI components, implementing frontend features, optimizing performance, or working with React/Next.js applications.
- Gemini ConsultantstaredGet a second opinion from Gemini 3 Pro (gemini-3-pro-preview). Accepts text, code, and images as INPUT. Returns TEXT analysis, advice, and feedback. Use for code review, analyzing screenshots, UX feedback, debugging, architecture review, or web search.
- Image GenkrishagelGenerate images using Google's Nano Banana Pro (Gemini 3 Pro Image) with workflow-based prompting
- Life DesignerZhouYinLong-lab斯坦福人生设计课 AI 助手 — 基于 Bill Burnett 和 Dave Evans 的《斯坦福大学人生设计课》方法论， 通过 6-9 轮深度苏格拉底式追问，帮你：(1) 看清现状（健康/工作/娱乐/爱四个仪表盘）， (2) 区分重力问题与可设计的真问题，(3) 校准工作观与人生观指南针， (4) 发现心流时刻与能量模式，(5) 生成三个完全不同的五年奥德赛计划， (6) 输出 8000-12000 字的《个人人生设计蓝图》含原型行动清单。 Trigger keywords: 人生设计, 设计人生, life design, 人生蓝图, 奥德赛计划, 职业困惑, 人生方向, 人生规划, 斯坦福人生设计课, 重力问题, 心流, 工作观, 人生观, 原型行动, 设计思维, 帮我设计人生, 人生迷茫, 职业规划, 人生困惑, 人生选择, 五年计划。
- Pricing PackagingParth SanganiUse when designing pricing strategy, packaging tiers, monetization models, or evaluating pricing changes — pricing model selection, willingness-to-pay analysis, competitive pricing maps, package architecture, freemium conversion, usage-based pricing design, or price change impact assessment.
- RefactoringbuzzdanLinter-driven refactoring patterns to reduce complexity and improve code quality in React/TypeScript. Use when ESLint fails with SonarJS complexity issues (cognitive, cyclomatic, expression) or when code feels hard to read/maintain. Applies component extraction, hook extraction, and simplification patterns.
- ScribeZoomReference skill for Zoom AI Services Scribe. Use after routing to a transcription workflow when handling live audio, uploaded or stored media, Build-platform JWT auth, Live/Fast/Batch processing modes, or transcript pipeline design.
- SpecitsOmidKaramiWrites the design spec for one work item from its brief, headless, for a human to approve or reject. Kraft runs it as the library's spec_author task, before the plan is written; use when a work item's brief needs a design before planning.