Ui
Skill Verified ActiveUse this skill when contributing to InsForge's reusable UI package. This is for maintainers editing design-system primitives, exports, styles, and package-level component behavior in the InsForge monorepo.
To guide and standardize contributions to InsForge's reusable UI package, ensuring maintainers adhere to design-system primitives, export patterns, and typing standards within the monorepo.
Features
- Defines scope for UI package contributions
- Outlines rules for component primitives and exports
- Specifies styling conventions and typed-export patterns
- Provides validation commands for build and type-checking
Use Cases
- Contributing new design-system primitives to the UI package.
- Modifying existing components or styles within the UI package.
- Ensuring adherence to typed-export patterns and component export synchronization.
Non-Goals
- Developing features for specific dashboard workflows.
- Managing components solely for the self-hosting application.
- Introducing internal-only abstractions to the public package surface.
Practical Utility
- info:Usage examplesWhile the skill provides validation steps, explicit end-to-end usage examples for specific contribution scenarios are missing.
- info:Edge casesThe skill names failure modes like build or type-checking errors but does not explicitly detail symptoms or recovery steps for each.
Installation
npx skills add InsForge/InsForgeRuns the Vercel skills CLI (skills.sh) via npx — needs Node.js locally and at least one installed skills-compatible agent (Claude Code, Cursor, Codex, …). Assumes the repo follows the agentskills.io format.
Quality Score
VerifiedTrust Signals
Similar Extensions
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
99Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
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.