Design & Frontend
4,640 results
- Safe Action Formsnext-safe-actionUse when integrating next-safe-action with forms -- react-hook-form adapter (useHookFormAction, useHookFormOptimisticAction, mapToHookFormErrors), native HTML forms, bind arguments, or file uploads
- Safe Action Hooksnext-safe-actionUse when executing next-safe-action actions from React client components or building optimistic UI -- useAction, useOptimisticAction, useStateAction, useOptimisticStateAction, status/callbacks (onSuccess/onError/onSettled), execute vs executeAsync, formAction, reset, and queued or serialized mutations such as drag-to-reorder, Kanban boards, overlapping saves, accumulating changes, and shared…
- Scraping Instagram Commentsapidojo-ioExtracts comments from Instagram posts using apidojo's Instagram Comments Scraper on Apify. Triggers when the user asks to: get all comments on an Instagram post, scrape Instagram comment data, export comments from an Instagram URL, fetch comment text and engagement from Instagram posts, collect commenter usernames from a post, or download audience reaction data from Instagram content.
- Shadcn UI DesignerJSBtechnologiesDesign and build modern UI components and pages using shadcn/ui. Creates clean, accessible interfaces with Tailwind CSS following shadcn principles. Use when building UI components, pages, forms, dashboards, or any interface work.
- Shopifyalex-tgkGuide for implementing Shopify apps, extensions, themes, and integrations using GraphQL/REST APIs, Shopify CLI, Polaris UI, and various extension types (Checkout, Admin, POS). Use when building Shopify apps, implementing checkout extensions, customizing admin interfaces, creating themes with Liquid, or integrating with Shopify's APIs.
- Skill BuilderjlaswellUse this skill when users ask to build, create, design, or improve a Claude Code skill. This includes requests like "help me create a skill", "build a skill for X", "design a new skill", or "improve my existing skill". This skill provides step-by-step guidance for creating effective skills with specialized knowledge, workflows, and tool integrations.
- Tailwind V4matulaExpert guidance for styling with Tailwind CSS v4, including modern utility classes, dark mode implementation, responsive design patterns, and component composition. Use this skill when styling HTML, creating UI components, implementing dark mode, or working with Tailwind CSS v4 in any project.
- Texture CreationksoichiroGuide for creating textures using vanilla texture reuse and color transformation
- UX Copywriting Standardsalongor666Write user-facing copy for vehicle insurance platform UI. Use when writing error messages, button labels, tooltips, success messages, or formatting numbers. Mentions "write message", "button text", "error copy", "toast message", or "format number".
- UX DesignerHR-ARPerfect UX/UI designer that eliminates bugs, improves usability, and ensures flawless user experience. Use when user mentions "perfect the UI", "fix UX bugs", "improve demo", or "make it flawless".
- VuejsyankeeinlondonExpert knowledge for working with VueJS, the preferred frontend framework we use along with Vite as a bundler
- Academic ReviewerfdhidalgoExpert guidance for reviewing academic manuscripts submitted to journals, particularly in political science, economics, and quantitative social sciences. Use when asked to review, critique, or provide feedback on academic papers, research designs, or empirical strategies. Emphasizes methodological rigor, causal identification strategies, and constructive feedback on research design.
- Aci 318 Concrete DesigngogohkmACI 318-25 콘크리트 구조설계 기준(Building Code for Structural Concrete)을 검색하고 설계 계산을 수행하며, 설계 워크플로우를 제공합니다. 콘크리트 구조설계, 철근콘크리트, 프리스트레스트 콘크리트, 노출등급, 내진설계, 부재 설계 관련 질문에 즉시 활성화되며, 공식 추출, 노출등급 선택, SDC 요구사항, 설계 검증을 지원합니다.
- Adding InstrumentsevanmccormickUse when adding new musical instruments (ukulele, mandolin, etc.) to the app - covers data model setup, tuning definitions, rendering considerations, and audio synthesis configuration
- Ai VideosfinaldeAI 短剧仙侠特效设计大师——专管"超自然视觉层"：威能/法术/剑气/灵气/法宝/觉醒破境/异象/飞行 + 玉佩异动 + 暖流入骨 + 系统鎏金UI + 仙气氛围。核心是**按本剧力量外放规则管特效边界**——藏锋无外放期严禁金光/瞳光/剑气/威能/能量波，靠内透暖意+物理副产+气场表"有力量"；释放期才设计威能大场面（守等级感+平台合规+不廉价）。当用户说"特效/法术/威能/灵气/金光/剑气/觉醒破境/法宝/玉佩发光/暖流怎么呈现/仙侠奇观"，或某 shot 涉超自然视觉要设计/审查时触发。它逐项过 X1–X10（特效服务剧情·力量外放规则一致·藏而不发内敛呈现·环境氛围·系统UI·释放期大场面·平台合规·道具承载出没·至宝法器仙家用法范式·比喻词字面化判读），把特效写进 shot 的 `光线/色调`+`渲染样式`+`负面词`并同步。
- allsvgiconsTheTechBasketFind and insert real SVG icons and brand logos (Lucide, Material Design, Tabler, Heroicons, Phosphor, Font Awesome, flags, emoji and 230+ more open-source sets) through the allsvgicons MCP tools. Use when building or editing UI that needs an icon, a company logo, or a consistent icon set, instead of drawing SVG paths by hand.
- Basic Design Reviewertakemo101基本設計書をレビューし10点満点でスコアリングする
- Basic Design Workflowtakemo101要件定義書から基本設計書を作成し、レビュー合格（9点以上）まで修正を繰り返す完全ワークフロー
- Cn Cost Controlruiyongwang中国建设工程全过程造价管控 v2.0。基于 GB/T 50500-2024，覆盖投资决策→设计→招投标→施工→竣工全生命周期。核心能力：投资估算编制、设计概算审查、施工图预算审核、目标成本测算、动态成本监控（EVM）、变更签证管理、竣工结算审核。支持材料价格调整公式。适用于造价工程师、项目经理、业主方全过程造价管理。
- Conformetry GenerateorganizzoliniScaffold code with a conformetry generator instead of writing it by hand. Use when adding a module, component, service, application, or package to a workspace that has a conformetry configuration; when deciding whether a generator exists for the shape you are about to create; when a generator run overwrote or misplaced files; or when a conformance run reports a file that a generator should have…
- Crm Data GovernancembfinottiDesign and operate CRM field-level governance - who owns each CRM field, which system is authoritative for it, how often it must be refreshed, and how the rules are enforced. Produces a field dictionary, per-field ownership, a system-of-record map with write-precedence and conflict rules, freshness SLAs, an enforcement plan, a field lifecycle, and a governance cadence.
- Customer Health ScorembfinottiDesign, validate, and govern a composite customer health score - product usage and engagement signals combined into one weighted, normalized, decayed, banded account score that flags both churn risk and expansion readiness, backtested against real churn outcomes and recalibrated.
- Design AssistantcampbellmcgregorExpert graphic, UI/UX designer for creating mockups, wireframes, and visual designs. Use when user needs help with designing interfaces, creating mockups, prototyping layouts, visual design feedback, design systems, brand identity, choosing colors/typography, or creating graphics. Triggers include "design," "mockup," "wireframe," "UI," "UX," "interface," "visual," "brand," or "prototype.
- Design DocumentssneaseCo-author design docs and propose section-by-section requirement edits