Store
building-components
Guide for building modern, accessible, and composable UI components. Use when building new components, implementing accessibility, creating composable APIs, setting up design tokens, publishing to npm/registry, or writing component documentation.
Overview
Its SKILL.md stays on GitHub
This repository has no license that lets Deska show its files here. Read the SKILL.md on GitHub before you install it.
Files 16 files
- SKILL.mdMarkdown
- references/accessibility.mdxMarkdown
- references/as-child.mdxMarkdown
- references/composition.mdxMarkdown
- references/data-attributes.mdxMarkdown
- references/definitions.mdxMarkdown
- references/design-tokens.mdxMarkdown
- references/docs.mdxMarkdown
- references/marketplaces.mdxMarkdown
- references/npm.mdxMarkdown
- references/polymorphism.mdxMarkdown
- references/principles.mdxMarkdown
Install it by hand
Deska runs this for you, for every agent you pick. To run it yourself in a terminal:
npx skills add vercel/components.build --skill building-componentsMore from vercel
- turborepovercelOfficialConfigure and troubleshoot Turborepo repositories. Use when working with turbo.json, task pipelines, caching, Remote Cache, the turbo CLI, filtering, environment variables, package boundaries, monorepo structure, or CI workflows.78.9K installs on skills.sh0
- ai-sdkvercelOfficialAnswer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText, ToolLoopAgent, embed, or tools, (2) Want to build AI agents, chatbots, RAG systems, or text generation features, (3) Have questions about AI providers (OpenAI, Anthropic, Google, etc.), streaming, tool calling, structured output, or embeddings, (4) Use React hooks like useChat or useCompletion. Triggers on: "AI SDK", "Vercel AI SDK", "generateText", "streamText", "add AI to my app", "build an agent", "tool calling", "structured output", "useChat".61.6K installs on skills.sh0
- ai-elementsvercelBuild AI chat interfaces using ai-elements components — conversations, messages, tool displays, prompt inputs, and more. Use when the user wants to build a chatbot, AI assistant UI, or any AI-powered chat interface.19.7K installs on skills.sh0
- next-dev-loopvercelVerify Next.js runtime behavior after editing app code. Use this skill to confirm a change actually works in a running app — not just that it compiles or type-checks. Combines /_next/mcp (Next.js's view) with agent-browser (the browser's view). Requires a running `next dev`.18.5K installs on skills.sh0
- next-cache-components-adoptionvercelTurn on Cache Components in a Next.js app and resolve the blocking routes it surfaces. Use when the user wants to enable, adopt, or migrate to Cache Components, flip the `cacheComponents` flag, work through a flood of blocking-prerender / instant validation errors, run the `cache-components-instant-false` codemod, or decide between opting routes out with `export const instant = false` and fixing them in place.17.1K installs on skills.sh0
