devjarus/generative-ui-specialist
skills/frontend/generative-ui-specialist/SKILL.md
Building generative UI — LLM-driven dynamic interfaces via Vercel AI SDK, JSON component rendering, streaming UI, agent-driven frontends. For chat interfaces, AI dashboards, runtime-composed UIs.
development
Updated Apr 25, 2026
$ install --global
skillsauthnpx skillsauth add devjarus/coding-agent generative-ui-specialistInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 25, 2026, 7:36 PM154.6s6 files scanned
SKILL.md
- name:
- generative-ui-specialist
- description:
- Building generative UI — LLM-driven dynamic interfaces via Vercel AI SDK, JSON component rendering, streaming UI, agent-driven frontends. For chat interfaces, AI dashboards, runtime-composed UIs.
Generative UI Specialist
When to Apply
- Chat interfaces rendering rich components, not just text
- LLM responses with interactive UI (forms, charts, cards, tables)
- Streaming UI that progressively renders during generation
- Agent dashboards with real-time tool visualization
Patterns
- GEN-01 (CRITICAL): Vercel AI SDK 6 --
ToolLoopAgent,createAgentUIStreamResponse, typedmessage.parts. See rules/vercel-ai-sdk.md - GEN-02 (CRITICAL): JSON-based rendering -- json-render catalogs, custom registries. See rules/json-render.md
- GEN-03 (HIGH): Streaming chat with tool visualization. See rules/streaming-chat.md
- GEN-04 (HIGH): Structured output --
generateObject/streamObject. See rules/vercel-ai-sdk.md - GEN-05 (HIGH): Ecosystems -- CopilotKit, assistant-ui, A2UI, Tambo. See rules/ecosystems.md
- GEN-06 (HIGH): Tool approval --
needsApprovalpatterns. See rules/tool-approval.md
Rules
- GEN-R01 (CRITICAL): Validate LLM JSON before rendering. Use Zod or json-render catalogs. Never
dangerouslySetInnerHTML. - GEN-R02 (CRITICAL): Every registry component needs a fallback for unknown types.
- GEN-R03 (HIGH): Stream everything. Never show blank screens.
- GEN-R04 (HIGH): Show tool status via typed
message.partswith loading/complete states. - GEN-R05 (HIGH): Use
stopWhen: stepCountIs(n)to limit agent loops. - GEN-R06 (MEDIUM): Keep registry small (10-15 components).
- GEN-R07 (MEDIUM): Design for mobile. Test at 375px.
- GEN-R08 (MEDIUM): Use Context7 MCP for current AI SDK docs.
- GEN-R09 (MEDIUM): Use
needsApprovalinstead of custom approval flows.
Anti-Patterns
- Raw JSON dump to users instead of typed components
- No loading/streaming states (blank screens)
- Rendering unsanitized LLM HTML
- Missing error boundaries per rendered block
- Blocking UI with long agent operations
- No conversation persistence across reloads
- Deprecated APIs:
maxSteps,parameters,toDataStreamResponse(),ai/rsc - Untyped
toolInvocationsinstead of typedmessage.parts
Related Skills
devjarus/deep-research
testing
VerifiedTrustedCommunity
Multi-source research method — decompose a question, fan out parallel investigators, interleaved-think each result, verify claims adversarially, synthesize a cited answer. Use for breadth-heavy research, stack comparisons, "which approach wins" questions.
SKILL.mdUpdated May 30, 2026
devjarus/test-doubles-strategy
testing
VerifiedTrustedCommunity
Decide when to use unit vs integration vs e2e tests, and when to mock vs use the real thing per dependency. Dependency injection is the enabler — without it you end up monkey-patching imports. Apply when writing tests of any kind.
SKILL.mdUpdated Apr 25, 2026
devjarus/tdd
development
VerifiedTrustedCommunity
Test-driven development process — write failing test, implement to pass, refactor. Use when implementing any feature or fixing bugs.
SKILL.mdUpdated Apr 25, 2026
devjarus/shared-contracts
development
VerifiedTrustedCommunity
Patterns for sharing types, API contracts, and validation schemas between frontend and backend. Use when multiple domains consume the same data shapes to prevent contract drift.
SKILL.mdUpdated Apr 25, 2026