Profile My skills Saved Collections Edit profile Submit a skill

← all publishers

shadcn-labs

@shadcn-labs source repo

20 published skills

  1. ▌
    Ink · shadcn-labs bundle
    Comprehensive Ink skill for building CLI applications with React. Covers components (Text, Box, Static, Transform), hooks (useInput, useApp, useFocus), Flexbox layout, testing, and accessibility.
    0
    installs
  2. ▌
    SEO Audit 2 · shadcn-labs
    How to present the deterministic AI-SEO audit returned by audit_page. Use when reporting a page's readability and citation-readiness for AI answer engines (ChatGPT, Claude, Perplexity).
    0
    installs
  3. ▌
    Satori · shadcn-labs bundle
    Expert guidance for Satori, the library that converts JSX/HTML and CSS into SVG (the engine behind dynamic Open Graph images and social cards). Use whenever writing or debugging Satori markup e.g. authoring JSX for OG images, choosing CSS that Satori actually supports, fixing layout that renders wrong, embedding fonts, rendering emoji or images, or resolving Satori errors like "Expected length unit" or unsupported property issues. Reach for this any time someone renders HTML/CSS to SVG or PNG with Satori, even if they do not name it.
    0
    installs
  4. ▌
    Icon Set Audit · shadcn-labs bundle
    Audit an existing SVG icon set and prioritize inconsistencies by visibility and repair cost. Use for a whole-set consistency review, an explanation of why a set feels uneven, or a split between safe mechanical repairs and redraw work. Use icon-set-extend when the user wants selected icons added or restyled.
    0
    installs
  5. ▌
    Icon Set Extend · shadcn-labs bundle
    Add new SVG icons or restyle selected existing icons so they match an established set. Use when the user names the target set or library and wants specific icons to become indistinguishable from it. Use icon-set-audit for whole-set diagnosis and icon-set-generator for a new icon system.
    0
    installs
  6. ▌
    Icon Set Generator · shadcn-labs bundle
    Create a new product-specific SVG icon system on a fixed visual specification. Use when the user explicitly requests a coherent batch of original icons and no target set exists, including requests that reject stock libraries. Use icon-set-extend when a target set exists.
    0
    installs
  7. ▌
    Mastra File Agents · shadcn-labs bundle
    Migrate Mastra agents built with new Agent and registered in a Mastra agents map to one directory per agent under src/mastra/agents. Use when the user asks for file-based agents, agentConfig, a per-directory agent layout, or a split of src/mastra/index.ts or agents.ts. Requires @mastra/core 1.48 or later.
    0
    installs
  8. ▌
    Tailwind To Stylex · shadcn-labs bundle
    Migrate TailwindCSS to StyleX. Use when converting Tailwind `className` utility strings into `stylex.create` with `stylex.props` or `stylex.attrs`. Use for one component or a whole codebase in React, Preact, Solid, Svelte, Vue, Qwik, react-strict-dom, and other JavaScript frameworks supported by StyleX. Trigger on tailwind-to-stylex, tw-to-stylex, or any request to move code from Tailwind to StyleX.
    0
    installs
  9. ▌
    Launch Shadcn Registry · shadcn-labs bundle
    Launch and promote a custom shadcn/ui registry. Validate registry.json, prepare or open directory pull requests, and draft posts for Reddit, X, Dev.to, and Hacker News. Use when the user wants to launch, list, submit, or announce a shadcn/ui registry, including requests about awesome-shadcn-ui, registry.directory, or a new @scope registry.
    0
    installs
  10. ▌
    Flue · shadcn-labs
    Use when building, debugging, reviewing, or documenting Flue agents, workflows, channels, skills, tools, sandboxes, targets, routing, persistence, observability, or CLI usage; routes coding agents to version-matched Flue documentation through the CLI.
    0
    installs
  11. ▌
    Workspace · shadcn-labs
    How to safely operate the sandboxed workspace. Use for any multi-step task involving files or shell commands.
    0
    installs
  12. ▌
    Research · shadcn-labs
    Iterative, self-evaluating web research. Use when answering open-ended questions that require gathering and verifying information from multiple sources.
    0
    installs
  13. ▌
    SEO Audit · shadcn-labs
    How to present the deterministic AI-SEO audit returned by audit_page. Use when reporting a page's readability and citation-readiness for AI answer engines (ChatGPT, Claude, Perplexity).
    0
    installs
  14. ▌
    Webhooks · shadcn-labs bundle
    Webhook notifications for render completion and file processing events. Configure endpoints, verify HMAC signatures, and handle real-time status payloads.
    0
    installs
  15. ▌
    Editor Gui · shadcn-labs bundle
    Build video editing interfaces with Editframe's GUI components. Assemble timeline, scrubber, filmstrip, preview, playback controls, and transform handles.
    0
    installs
  16. ▌
    Composition · shadcn-labs bundle
    Create video compositions with Editframe using HTML web components or React. Supports video, audio, images, text, captions, transitions, and cloud rendering.
    0
    installs
  17. ▌
    Vite Plugin · shadcn-labs bundle
    Vite integration for Editframe development with local video transcoding, asset serving, file API endpoints, and visual regression testing.
    0
    installs
  18. ▌
    Editframe API · shadcn-labs bundle
    JavaScript/TypeScript SDK for Editframe's video rendering API. Create renders, upload video and image files, manage assets, and sign URLs for playback.
    0
    installs
  19. ▌
    Editframe CLI · shadcn-labs bundle
    Command-line tools for Editframe video development. Render compositions to MP4 locally, preview in the browser, transcribe audio, and deploy to the cloud.
    0
    installs
  20. ▌
    Editframe Create · shadcn-labs bundle
    Scaffold new Editframe video projects from templates. Generates project structure, installs dependencies, and sets up composition tooling to start immediately.
    0
    installs