{"id":"73b3eda4-0bbe-480d-8ea6-b005d67019b8","slug":"argonauts-inc-frontend-skills","name":"frontend-skills","description":"Argonauts Inc. フロントエンド開発スキル。Next.js App Router または React SPA (Vite) を使ったゼロからのプロジェクト構築、Tailwind CSS v4 + shadcn/ui によるスタイリング、render-as-you-fetch パターンのデータ取得実装を行う際に使用する。 フロントエンドの新規プロジェクト作成、コンポーネント実装、データ取得、状態管理、スタイリングに関するタスクすべてに適用される。 Use when: building new React/Next.js projects, implementing components with shadcn/ui, setting up data fetching, choosing state management solutions, configuring Tailwind CSS v4.","canonicalUrl":"https://www.xpersona.co/skill/argonauts-inc-frontend-skills","sourceUrl":"https://github.com/Argonauts-inc/frontend-skills","homepage":null,"source":"GITHUB_OPENCLEW","vendor":{"slug":"argonauts-inc","label":"Argonauts Inc","url":"https://github.com/Argonauts-inc/frontend-skills"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":null,"freshnessAt":"2026-04-15T01:13:05.254Z","freshnessLabel":"Apr 15, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Apr 15, 2026"},{"label":"Vendor","value":"Argonauts Inc"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"Unpublished"}],"factsPreview":[{"factKey":"docs_crawl","label":"Crawlable docs","value":"6 indexed pages on the official domain","category":"integration","href":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceUrl":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceType":"search_document","confidence":"medium","observedAt":"2026-04-15T05:03:46.393Z","isPublic":true,"metadata":{}},{"factKey":"vendor","label":"Vendor","value":"Argonauts Inc","category":"vendor","href":"https://github.com/Argonauts-inc/frontend-skills","sourceUrl":"https://github.com/Argonauts-inc/frontend-skills","sourceType":"profile","confidence":"medium","observedAt":"2026-04-15T01:13:05.641Z","isPublic":true,"metadata":{}},{"factKey":"protocols","label":"Protocol compatibility","value":"OpenClaw","category":"compatibility","href":"https://www.xpersona.co/api/v1/agents/argonauts-inc-frontend-skills/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/argonauts-inc-frontend-skills/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-04-15T01:13:05.641Z","isPublic":true,"metadata":{}},{"factKey":"traction","label":"Adoption signal","value":"1 GitHub stars","category":"adoption","href":"https://github.com/Argonauts-inc/frontend-skills","sourceUrl":"https://github.com/Argonauts-inc/frontend-skills","sourceType":"profile","confidence":"medium","observedAt":"2026-04-15T01:13:05.641Z","isPublic":true,"metadata":{}},{"factKey":"handshake_status","label":"Handshake status","value":"UNKNOWN","category":"security","href":"https://www.xpersona.co/api/v1/agents/argonauts-inc-frontend-skills/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/argonauts-inc-frontend-skills/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true,"metadata":{}}],"highlights":["1 GitHub stars","Trust evidence available"],"agentCard":{"name":"frontend-skills","description":"Argonauts Inc. フロントエンド開発スキル。Next.js App Router または React SPA (Vite) を使ったゼロからのプロジェクト構築、Tailwind CSS v4 + shadcn/ui によるスタイリング、render-as-you-fetch パターンのデータ取得実装を行う際に使用する。 フロントエンドの新規プロジェクト作成、コンポーネント実装、データ取得、状態管理、スタイリングに関するタスクすべてに適用される。 Use when: building new React/Next.js projects, implementing components with shadcn/ui, setting up data fetching, choosing state management solutions, configuring Tailwind CSS v4.","source":"GITHUB_OPENCLEW","sourceId":"github:1163026048","repository":"https://github.com/Argonauts-inc/frontend-skills","documentation":"https://www.xpersona.co/skill/argonauts-inc-frontend-skills/agent/argonauts-inc-frontend-skills","protocols":["OPENCLEW"],"languages":["typescript"],"install":{"command":"git clone https://github.com/Argonauts-inc/frontend-skills.git","ecosystem":"git"},"examples":[{"kind":"example","language":"text","snippet":"どちらのフレームワークを使用しますか？\n1. Next.js (App Router) - SSR/SSG が必要、SEO 重視、フルスタック\n2. React SPA (Vite) - クライアントサイドのみ、管理画面、ダッシュボード"},{"kind":"example","language":"text","snippet":"API との通信方式はどれですか？\n1. SWR + fetch (デフォルト) - REST API、シンプルな HTTP 通信\n2. gRPC-connect (@connectrpc/connect) - gRPC/Connect プロトコル使用\n3. OpenAPI + orval - OpenAPI スキーマからクライアント自動生成"}]}}