Facade UI

Name: Facade UI
Author: marcoschulz7

作者：marcoschulz7バージョン 1.1.0i★ –iクラウドで動く

レジストリ名io.github.marcoschulz7/facade

インストール

概要

作者による説明（英語の原文）

Animated shadcn components and page blocks for local business, real estate and agency websites.

PopNx MCPの3つの柱

この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。

利用者の声iレビューはまだありませんレビューは今後のステップで、アカウント機能と一緒に始まります
私たちの基本チェックi3項目中3項目に合格公開情報からチェック。コードはまだスキャンしていません
利用状況i未計測★ –

できること

このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。

接続方法: クラウドで動く
トランスポート: Streamable HTTP
カテゴリ: その他
入力が必要なもの：Authorization

インストール

使っているAIアプリを選んで、設定をコピーしてください。

インストールの前に

基本チェック：3項目中3項目に合格
作者のサーバーで動きます。あなたが頼んだ内容は、作者のサーバーを通ります。
できること：4件（ツール） list_components, get_component, get_install_command, suggest_page
自分で入力するもの： Authorization

「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。

必要なもの

クラウドで動くインストール不要。インターネット経由でつながります

どのアプリを使っていますか？

ClaudeClaude CodeCursorVS CodeChatGPT

上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。

このアドレスはリクエストの header にキーが必要ですが、コネクタを追加するメニューでは設定できません。代わりにClaude Code、Cursor、VS Codeを使ってください。

ターミナルでこれを実行します

claude mcp add --transport http facade https://facadeui.com/api/mcp --header 'Authorization: your-value'

動かす前に、空欄の値を入力してください。

Cursorで開く

または、設定を自分でコピーする

プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます

{
  "mcpServers": {
    "facade": {
      "url": "https://facadeui.com/api/mcp",
      "headers": {
        "Authorization": "your-value"
      }
    }
  }
}

ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。

VS Codeで開く

または、設定を自分でコピーする

プロジェクトの .vscode/mcp.json に貼り付けます

{
  "servers": {
    "facade": {
      "type": "http",
      "url": "https://facadeui.com/api/mcp",
      "headers": {
        "Authorization": "your-value"
      }
    }
  }
}

選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。

自分で入力する値

Authorization 秘密 HTTP header
Optional. Set to 'Bearer ' to unlock Pro component sources.

この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。

できること

ツールの名前と説明は、サーバーが2026年11月6日に返したそのままの内容です。書いたのは作者で、私たちではありません。プレーンテキストとして表示しています。

list_components
List Facade components and blocks (animated React + Tailwind sections for local business, real estate and agency sites). Filter by kind, category, tier or a text query. All filters are optional; without any filter every item is returned.
get_component
Get docs, install command, usage example and full source for one Facade item. Pro sources require a license key in the Authorization header.
get_install_command
Return the shadcn CLI command that installs one or more Facade items into the current project.
suggest_page
Suggest an ordered list of Facade blocks to build a complete page for a business type (e.g. 'plumber', 'real estate brokerage', 'dental clinic', 'marketing agency').

基本チェックi

誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月6日にチェック

✓ 合格
作者とリポジトリが一致
レジストリ名は、リポジトリを所有するGitHubアカウント marcoschulz7 で確認済みです
… 未チェック
今もメンテナンスされている
このリポジトリはまだGitHubから読み取っていません
… 未チェック
ライセンスがある
このリポジトリはまだGitHubから読み取っていません
✓ 合格
エンドポイントが応答する
498ミリ秒で応答（HTTP 200）
– 対象外
OAuthでサインイン
サインイン不要
✓ 合格
ツールの説明に隠れた指示がない
4件のツールの説明を読み、AIへの隠れた指示は見つかりませんでした

その他のほかのサーバーとの比較i

このカテゴリのほかの32451件のうち0%よりスターが多い
このカテゴリのほかの32451件のうち89%より最近レジストリに公開
基本チェックの結果が、このカテゴリのほかの32451件のうち100%と同じかそれ以上

レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。

よくある質問

Facade UIは安全ですか？

当てはまる基本チェック3項目のうち3項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。

どんなキーやコードが必要ですか？

入力が必要なもの：Authorization

パソコンで動きますか、それともクラウドですか？

作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。

今もメンテナンスされていますか？

GitHubリポジトリの最終更新は–、最新バージョン（1.1.0）がレジストリに届いたのは4 日前です。

どのアプリで使えますか？

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ（開発者モードのChatGPTなど）でも使えます。

代わりに使えるものは？

同じカテゴリには：Spec Driven Development, Remote Desktop Commander, Recta

代わりの候補

同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。

カードの見方：★ GitHubスターi3つの柱：レビュー · チェック · 利用状況i更新＝最新バージョンをレジストリに公開した日i

Spec Driven Development

作者：formulahendry

MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.

パソコンで動く★ 440MIT14 か月前更新

インストール

Remote Desktop Commander

作者：desktop-commander

Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.

クラウドで動く★ 211昨日更新

インストール

Recta

作者：RectaBuild

Cheaper cross-chain stablecoin routes for AI agents; 5 % of the verified saving, nothing if none.

クラウドで動く今日更新

インストール

作者のREADME

READMEを開く

作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。

Facade UI (free components)

Animated React components and page blocks for the websites of local businesses, real estate firms and agencies. Built for Next.js, Tailwind v4 and shadcn. This repository holds the 35 free items, MIT licensed. The full library with 24 Pro items, docs with live previews and the MCP server lives at [facadeui.com](https://facadeui.com).

Install

Any item installs into your own project with one command. You keep the source.

npx shadcn@latest add https://facadeui.com/r/open-now-badge.json

Or copy a file from components/facade/ into your project. Every item depends only on motion and lucide-react and uses semantic Tailwind tokens (bg-background, text-muted-foreground, bg-brand), so it follows your theme. Add the four extra tokens from the installation guide once.

Use it with your AI agent

claude mcp add --transport http facade https://facadeui.com/api/mcp

Then: "Build a landing page for a plumbing company in Austin. Use Facade." The MCP server exposes list_components, get_component, get_install_command and suggest_page. There is also an llms.txt and a Markdown version of every docs page.

Components

buttons

[Magnetic button](https://facadeui.com/components/magnetic-button) Button that pulls toward the cursor with spring physics while its label drifts slightly further for depth.

npx shadcn@latest add https://facadeui.com/r/magnetic-button.json

[Shine button](https://facadeui.com/components/shine-button) Pill button with a soft light sweep on hover, three variants, three sizes and an arrow that nudges forward.

npx shadcn@latest add https://facadeui.com/r/shine-button.json

text

[Gradient heading](https://facadeui.com/components/gradient-heading) Display heading with a slow brand gradient on highlighted words, or one soft brand pass through the whole line.

npx shadcn@latest add https://facadeui.com/r/gradient-heading.json

[Text reveal](https://facadeui.com/components/text-reveal) Headline that reveals word by word with a blur, fade and gentle rise as it scrolls into view.

npx shadcn@latest add https://facadeui.com/r/text-reveal.json

cards

[Agent card](https://facadeui.com/components/agent-card) Realtor contact card with initials avatar, rating, license, languages and call, email and tour actions.

npx shadcn@latest add https://facadeui.com/r/agent-card.json

[Property card](https://facadeui.com/components/property-card) Listing card with status badge, saved-home heart, price, address and beds, baths and square footage.

npx shadcn@latest add https://facadeui.com/r/property-card.json

[Spotlight card](https://facadeui.com/components/spotlight-card) Card with a soft radial spotlight and a glowing border that both follow the cursor.

npx shadcn@latest add https://facadeui.com/r/spotlight-card.json

data

[Animated counter](https://facadeui.com/components/animated-counter) Number that counts up when scrolled into view, with prefix, suffix, decimals and Intl formatting.

npx shadcn@latest add https://facadeui.com/r/animated-counter.json

[Countdown](https://facadeui.com/components/countdown) Countdown to an open house or launch with rolling flip digits for days, hours, minutes and seconds.

npx shadcn@latest add https://facadeui.com/r/countdown.json

[Key facts](https://facadeui.com/components/key-facts) Property key facts row with icons and numbers that count up when scrolled into view.

npx shadcn@latest add https://facadeui.com/r/key-facts.json

forms

[Listing filters](https://facadeui.com/components/listing-filters) Home search filters with location search, type chips, beds and baths, dual price slider and result count.

npx shadcn@latest add https://facadeui.com/r/listing-filters.json

[Price toggle](https://facadeui.com/components/price-toggle) Monthly or yearly segmented switch with a sliding thumb, plus an animated price that rolls its digits.

npx shadcn@latest add https://facadeui.com/r/price-toggle.json

navigation

[Sliding tabs](https://facadeui.com/components/sliding-tabs) Accessible tabs with a spring animated sliding pill, arrow key navigation and a soft content crossfade.

npx shadcn@latest add https://facadeui.com/r/sliding-tabs.json

[Sticky contact bar](https://facadeui.com/components/sticky-contact-bar) Mobile bottom bar with Call, Text, Directions and Book that hides on scroll down and returns on scroll up.

npx shadcn@latest add https://facadeui.com/r/sticky-contact-bar.json

feedback

[Announcement bar](https://facadeui.com/components/announcement-bar) Slim top bar that rotates promo messages with a link and collapses smoothly when dismissed.

npx shadcn@latest add https://facadeui.com/r/announcement-bar.json

[Cookie consent](https://facadeui.com/components/cookie-consent) Floating consent card with Accept all, Reject and customizable Analytics and Marketing toggles.

npx shadcn@latest add https://facadeui.com/r/cookie-consent.json

[Promo bar](https://facadeui.com/components/promo-bar) Announcement bar on a warm drifting ember surface with a short phone text, a live countdown and a dismissal that never flashes back on reload.

npx shadcn@latest add https://facadeui.com/r/promo-bar.json

[Star rating](https://facadeui.com/components/star-rating) Animated fractional star rating with review count, plus an accessible interactive input mode.

npx shadcn@latest add https://facadeui.com/r/star-rating.json

[Urgency badge](https://facadeui.com/components/urgency-badge) Scarcity badge with a live dot and an optional percent sold bar that animates into view.

npx shadcn@latest add https://facadeui.com/r/urgency-badge.json

layout

[Ember gradient](https://facadeui.com/components/ember-gradient) Warm surface of drifting copper, forest and rust fields with film grain. Three earthy presets or your own colors, optional slow palette cycling.

npx shadcn@latest add https://facadeui.com/r/ember-gradient.json

[Marquee](https://facadeui.com/components/marquee) Seamless infinite marquee for logos or testimonials with faded edges, direction, speed and vertical mode.

npx shadcn@latest add https://facadeui.com/r/marquee.json

[Reveal](https://facadeui.com/components/reveal) Scroll reveal wrapper with fade, rise, blur and scale presets plus a RevealGroup for staggered children.

npx shadcn@latest add https://facadeui.com/r/reveal.json

[Smooth accordion](https://facadeui.com/components/smooth-accordion) Accessible FAQ accordion with smooth height animation, a plus to minus icon morph and single or multiple mode.

npx shadcn@latest add https://facadeui.com/r/smooth-accordion.json

local business

[Location card](https://facadeui.com/components/location-card) Stylized SVG map card with a dropped pin, address, hours, phone and a Google Maps directions link.

npx shadcn@latest add https://facadeui.com/r/location-card.json

[Open now badge](https://facadeui.com/components/open-now-badge) Live open or closed pill computed from weekly hours in the business's own time zone.

npx shadcn@latest add https://facadeui.com/r/open-now-badge.json

[Opening hours](https://facadeui.com/components/opening-hours) Weekly hours list with today highlighted, live open status, split shifts and closed days.

npx shadcn@latest add https://facadeui.com/r/opening-hours.json

hero

[Hero, agency](https://facadeui.com/components/hero-agency) Studio hero with oversized centered display type, one ultramarine CTA and a quiet client wordmark marquee.

npx shadcn@latest add https://facadeui.com/r/hero-agency.json

[Hero, local business](https://facadeui.com/components/hero-local-business) Home services hero with live rating, rotating service words and floating appoi

冒頭だけを表示しています。続きはリポジトリで読めます

Facade UI

概要

PopNx MCPの3つの柱

できること

インストール

インストールの前に

自分で入力する値

できること

基本チェックi

作者とリポジトリが一致

今もメンテナンスされている

ライセンスがある

エンドポイントが応答する

OAuthでサインイン

ツールの説明に隠れた指示がない

その他のほかのサーバーとの比較i

よくある質問

代わりの候補

Spec Driven Development

Remote Desktop Commander

Recta

作者のREADME

Facade UI (free components)

Install

Use it with your AI agent

Components

buttons

text

cards

data

forms

navigation

feedback

layout

local business

hero