rdc-setup
Provides automated installation and initialization for Data Client in frontend projects.
Install
mkdir -p .claude/skills/rdc-setup && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/4627" && unzip -o skill.zip -d .claude/skills/rdc-setup && rm skill.zipInstalls to .claude/skills/rdc-setup
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Install and set up @data-client/react or @data-client/vue in a project. Detects project type (NextJS, Expo, React Native, Vue, plain React) and protocol (REST, GraphQL, custom), then hands off to protocol-specific setup skills.Key capabilities
- →Detect project type
- →Identify API protocol
- →Install core packages
- →Configure provider at root
- →Verify setup
How it works
The skill inspects project files to detect framework and protocol, then installs the appropriate packages and configures the provider component.
Inputs & outputs
When to use rdc-setup
- →Initialize Data Client in new project
- →Add Data Client to NextJS
- →Setup Data Client for Vue
- →Detect API protocol requirements
About rdc-setup
Analyzes the project environment (NextJS, React Native, Vue) and identifies the communication protocol. It then initiates the appropriate setup routine.
Install and set up @data-client/react or @data-client/vue in a project. Detects project type (NextJS, Expo, React Native, Vue, plain React) and protocol (REST, GraphQL, custom), then hands off to protocol-specific setup skills.
When not to use it
- →When the project does not use Data Client
- →When manual setup is preferred
Limitations
- →Requires standard project structure
How it compares
It automates the entire setup lifecycle based on project-specific detection, rather than requiring manual configuration.
Compared to similar skills
rdc-setup side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| rdc-setup (this skill) | 1 | 7mo | Review | Intermediate |
| ai-model-web | 1 | 3mo | Review | Intermediate |
| moai-domain-frontend | 1 | 4mo | No flags | Advanced |
| perf-web-optimization | 1 | 7mo | Review | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by reactive
View all by reactive →You might also like
ai-model-web
TencentCloudBase
Use this skill when developing browser/Web applications (React/Vue/Angular, static websites, SPAs) that need AI capabilities. Features text generation (generateText) and streaming (streamText) via @cloudbase/js-sdk. Built-in models include Hunyuan (hunyuan-2.0-instruct-20251111 recommended) and DeepSeek (deepseek-v3.2 recommended). NOT for Node.js backend (use ai-model-nodejs), WeChat Mini Program (use ai-model-wechat), or image generation (Node SDK only).
moai-domain-frontend
modu-ai
Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance, or integrating state management.
perf-web-optimization
tech-leads-club
Optimize web performance: Core Web Vitals (LCP, CLS, INP), bundle size, images, caching. Use when site is slow, optimizing for Lighthouse scores, reducing bundle size, fixing layout shifts, or improving Time to Interactive. Triggers on: web performance, Core Web Vitals, LCP, CLS, INP, FID, bundle size, page speed, slow site.
astro
Anhvu1107
ALWAYS use this when the request matches Astro: Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
frontend-developer
bonnguyenitc
Use when building web UI, designing component architecture, or reviewing frontend code — regardless of framework (React, Vue, Svelte, etc.)
a11y-audit
jarbitechture
Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. Use when auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, or integrating acce