UI 组件 - 第 68 页

styling-with-tailwind

tenequm

Creates UIs using Tailwind CSS utility classes and shadcn/ui patterns. Covers CSS variables with OKLCH colors, component variants with CVA, responsive design, dark mode, and Tailwind v4.2 features. Supports Radix UI and Base UI primitives, CLI 3.0, and visual styles. Use when building interfaces with Tailwind, styling shadcn/ui components, implementing themes, or working with utility-first CSS.

动画 40 8个月前

cache-components

laguagu

"Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). Use when implementing 'use cache' directive, configuring cache lifetimes with cacheLife(), tagging cached data with cacheTag(), invalidating caches with updateTag()/revalidateTag(), optimizing static vs dynamic content boundaries, managing 'use cache: private' for compliance scenarios, pass-through/interleaving patterns, GET Route Handler caching, debugging cache issues, and reviewing Cache Component implementations."

缓存 70 8个月前

ai-app

laguagu

Full-stack AI application generator with Next.js, AI SDK, and ai-elements. Use when creating chatbots, agent dashboards, or custom AI applications. Triggers: chatbot, chat app, agent dashboard, AI application, Next.js AI, useChat, streamText, ai-elements, build AI app, create chatbot

智能体 70 8个月前

say-hi

amilich

Respond with a friendly greeting. Use when the user says hi, hello, greets the agent, or asks to be greeted.

智能体 2332 9个月前

pwa-development

alinaqi

Progressive Web Apps - service workers, caching strategies, offline, Workbox

缓存 711 9个月前

generic-feature-developer

travisjneuman

Guide feature development with architecture patterns for any tech stack. Covers frontend, backend, full-stack, and automation projects. Use when adding new features, modifying systems, or planning changes.

调试 106 9个月前

rbac-permissions-builder

patricio0312rev

Implements role-based access control with permission matrix, route guards, policy functions, and UI permission hints. Provides middleware/guards, helper utilities, test suggestions, and permission checking patterns. Use when building "RBAC", "permissions", "access control", or "authorization".

调试 63 9个月前

react-dev

softaworks

This skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components are mentioned. Covers type-safe patterns for React 18-19 including generic components, proper event typing, and routing integration (TanStack Router, React Router).

数据处理 2593 9个月前

system-design-generator

patricio0312rev

Produces comprehensive system architecture plans for features and products including component breakdown, data flow diagrams, system boundaries, API contracts, and scaling considerations. Use for "system design", "architecture planning", "feature design", or "technical specs".

API 开发 63 9个月前

design-sprint

pmprompt

Use when asked to "run a design sprint", "5-day sprint", "prototype in a week", "test ideas before building", or "Jake Knapp sprint". Helps teams go from problem to tested prototype in five days. The Design Sprint framework (created by Jake Knapp at Google Ventures) compresses months of work into one focused week.

代码生成 54 8个月前

user-feedback-synthesizer

pmprompt

Analyze collections of user feedback to identify patterns and themes. Use when you have user feedback from multiple sources that needs synthesis.

代码评审 54 8个月前

writing-clearly-and-concisely

softaworks

Use when writing prose humans will read—documentation, commit messages, error messages, explanations, reports, or UI text. Applies Strunk's timeless rules for clearer, stronger, more professional writing.

Lint 与格式化 2593 9个月前

ui-web

alinaqi

Web UI - glassmorphism, Tailwind, dark mode, accessibility

无障碍 711 9个月前

react-frontend

iliaal

React, TypeScript, and Next.js patterns for frontend development. Use when building React components, managing state, fetching data, optimizing performance, or working with Next.js App Router. Covers React 18-19, hooks, Server Components, and type-safe patterns.

数据处理 45 8个月前

testing-react

iliaal

Writes and reviews React/TypeScript tests using Vitest and React Testing Library. Use when "write react tests", "review tests", "check tests", "vitest", "component test", "hook test", "RTL", "testing library", "snapshot test", or testing/reviewing React components, hooks, and utilities.

文件操作 45 8个月前

Frame

simota

Figma MCP Serverを活用してデザインコンテキストを抽出・構造化し、実装エージェントに渡すブリッジエージェント。Figmaデザインからコードへの橋渡し、Code Connect管理、デザインシステムルール抽出が必要な時に使用。

智能体 95 7个月前

Forge

simota

数据处理 95 8个月前

Artisan

simota

React/Vue/Svelteの本番フロントエンド実装職人。Hooks設計、状態管理、Server Components、フォーム処理、データフェッチングを担当。Forgeのプロトタイプを本番品質コードに変換。本番フロントエンド実装が必要な時に使用。

无障碍 95 8个月前

Experiment

simota

监控 95 8个月前

Oracle

simota

MLOps 95 8个月前

Polyglot

simota

国際化（i18n）・ローカライズ（l10n）スペシャリスト。ハードコード文字列のt()関数化、Intl APIによる日付/通貨/数値フォーマット、翻訳キー構造管理、RTLレイアウト対応。多言語対応、i18nセットアップが必要な時に使用。

API 开发 95 8个月前

Flow

simota

动画 95 8个月前

pdd

mikeyobrien

Transforms a rough idea into a detailed design document with implementation plan. Follows Prompt-Driven Development — iterative requirements clarification, research, design, and planning.

学术 3186 8个月前

Morph

simota

ããã¥ã¡ã³ããã©ã¼ãããå¤æï¼MarkdownâWord/Excel/PDF/HTMLï¼ãScribeãä½æããä»æ§æ¸ããHarvestã®ã¬ãã¼ããåç¨®ãã©ã¼ãããã«å¤æãå¤æã¹ã¯ãªããä½æãå¯è½ã

自动化 95 8个月前