Ui
技能 已验证 活跃使用此技能可为 InsForge 的可复用 UI 包做出贡献。此技能适用于在 InsForge monorepo 中编辑设计系统基元、导出、样式和包级别组件行为的维护者。
指导和标准化对 InsForge 可复用 UI 包的贡献,确保维护者在 monorepo 中遵守设计系统基元、导出模式和类型化标准。
功能
- 定义 UI 包贡献的范围
- 概述组件基元和导出的规则
- 指定样式约定和类型化导出模式
- 提供构建和类型检查的验证命令
使用场景
- 向 UI 包贡献新的设计系统基元。
- 修改 UI 包中的现有组件或样式。
- 确保遵守类型化导出模式和组件导出同步。
非目标
- 为特定的仪表板工作流程开发功能。
- 仅为自托管应用程序管理组件。
- 向公共包表面引入内部专用的抽象。
Practical Utility
- info:Usage examples虽然该技能提供了验证步骤,但缺少针对特定贡献场景的明确的端到端用法示例。
- info:Edge cases该技能指出了构建或类型检查错误等失败模式,但没有明确详细说明每种模式的症状或恢复步骤。
安装
npx skills add InsForge/InsForge通过 npx 运行 Vercel skills CLI(skills.sh)— 需要本地安装 Node.js,以及至少一个兼容 skills 的智能体(Claude Code、Cursor、Codex 等)。前提是仓库遵循 agentskills.io 格式。
质量评分
已验证类似扩展
Ui Ux Pro Max
100UI/UX design intelligence with searchable style, palette, typography, and chart databases. Use when designing UI components, choosing colors/fonts, reviewing code for UX issues, building landing pages, or implementing responsive layouts.
A11y Audit
100Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, touch targets
Component Audit
100Component consistency audit covering state coverage, hierarchy, patterns
Shadcn/ui Component Library
99shadcn/ui component library for React with Tailwind CSS - copy-paste accessible components with full code ownership
Impeccable
99当用户希望设计、重新设计、塑造、批评、审计、打磨、澄清、提炼、加固、优化、改编、动画化、着色、提取或以其他方式改进前端界面时使用。涵盖网站、登陆页面、仪表板、产品 UI、应用外壳、组件、表单、设置、入职流程和空状态。处理用户体验审查、视觉层次、信息架构、认知负荷、可访问性、性能、响应行为、主题化、反模式、排版、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边缘情况、i18n 以及可复用的设计系统或令牌。也适用于需要从平淡变得更大胆或更令人愉悦的设计,需要变得更安静的醒目设计,对 UI 元素的实时浏览器迭代,或应该感觉技术上非凡的雄心勃勃的视觉效果。不适用于仅限后端或非 UI 任务。
Design System
98Build or audit a design system including component library, design tokens, naming conventions, contribution model, and documentation. Use this skill whenever the user wants to build a design system, audit an existing system, define design tokens at the system level, structure a component library, or set up design system governance. Triggers on design system, component library, design tokens, atomic design, atoms, molecules, organisms, design system documentation, Storybook, Figma library, system governance, design contribution model. Also triggers when teams are inconsistent across products and a system is the answer.