- Home
- /
- Categories
- /
- UI Components
UI Components
Code-based UI component generation and styling
chat-x-custom-component
by TencentBlueKing
帮助开发者创建 @blueking/chat-x 自定义 message 组件。当用户需要开发自定义消息类型时使用。
chat-x-unit-test
by TencentBlueKing
帮助开发者为 Vue 3 组件编写单元测试。当用户需要添加单元测试时使用。
前端权限控制方案 (IAM)
by TencentBlueKing
基于蓝鲸 IAM 的前端鉴权方案,包含 v-authority 指令实现、权限组件封装及无权限交互规范。
chat-x-contribute
by TencentBlueKing
帮助开发者上手 @blueking/chat-x 组件库开发。当用户需要了解 chat-x、开发新组件时使用。
Vite 构建产物体积优化
by TencentBlueKing
使用 Rollup Visualizer 分析产物,并通过拆包 (Code Splitting) 和 Tree Shaking 减少首屏体积。
BKUI 快速入门
by TencentBlueKing
蓝鲸前端知识库入口指南,包含规范、索引和工作流程
蓝鲸 MagicBox 3.0 组件专家规则
by TencentBlueKing
设计稿还原规则。先输出布局分析报告,再按需加载模版
Webpack 到 Vite 迁移指南
by TencentBlueKing
详细记录了大型 Vue 项目从 Webpack 迁移到 Vite 的完整步骤,包括别名配置、环境变量处理和 CommonJS 兼容性问题的解决。
Vue 3 组件单元测试指南 (Vitest)
by TencentBlueKing
使用 Vitest 和 Vue Test Utils 的标准模版与断言技巧
vue-best-practices
by TencentBlueKing
Vue 3 TypeScript, vue-tsc, Volar, Vite, component props, testing, composition API.
rag-skills
by llama-farm
RAG-specific best practices for LlamaIndex, ChromaDB, and Celery workers. Covers ingestion, retrieval, embeddings, and performance.
designer-skills
by llama-farm
Designer subsystem patterns for LlamaFarm. Covers React 18, TanStack Query, TailwindCSS, and Radix UI.
typescript-skills
by llama-farm
Shared TypeScript best practices for Designer and Electron subsystems.
python-skills
by llama-farm
Shared Python best practices for LlamaFarm. Covers patterns, async, typing, testing, error handling, and security.
react-skills
by llama-farm
React 18 patterns for LlamaFarm Designer. Covers components, hooks, TanStack Query, and testing.
regle-typescript
by victorgarciaesgi
TypeScript support for type-safe Regle form validation, rules, and component props.
critical-code-reviewer
by posit-dev
Conduct rigorous, adversarial code reviews with zero tolerance for mediocrity. Use when users ask to "critically review" my code or a PR, "critique my code", "find issues in my code", or "what's wrong with this code". Identifies security holes, lazy patterns, edge case failures, and bad practices across Python, R, JavaScript/TypeScript, SQL, and front-end code. Scrutinizes error handling, type safety, performance, accessibility, and code quality. Provides structured feedback with severity tiers (Blocking, Required, Suggestions) and specific, actionable recommendations.
styleguide
by ReinaMacCredy
Detect project languages and inject code style guides into CLAUDE.md. Provides consistent coding conventions for all Claude Code interactions.
preview-import
by adobe
Preview and verify imported content in local AEM Edge Delivery Services dev server. Validates rendering, compares with original page, and troubleshoots common issues.
flutter-duit-bdui
by MADTeacher
Integrate Duit framework into Flutter applications including setup, driver configuration, HTTP/WebSocket transports, custom widgets, and themes. Use when integrating backend-driven UI, configuring Duit, or adding Duit to Flutter applications.
svelte-code-writer
by rajnandan1
CLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating or editing any Svelte component (.svelte) or Svelte module (.svelte.ts/.svelte.js). If possible, this skill should be executed within the svelte-file-editor agent for optimal results.
drawio
by bahayonghang
AI-powered Draw.io diagram generation with Design System, 3 workflows, and real-time browser preview
library
by atopile
"How the Faebryk component library is structured, how _F.py is generated, and the conventions/invariants for adding new library modules. Use when adding or modifying library components, traits, or module definitions."
jira-epic
by Gentleman-Programming
Creates Jira epics for large features following Prowler's standard format. Trigger: When user asks to create an epic, large feature, or multi-task initiative.