All authors
Claude Skills by thedixitjain
github.com/thedixitjain12,707 skills283 installs48,721 views
- Ockhams Feature PruningPrune accumulated complexity from a product — features, options, settings, code paths that no longer earn their place. Use when auditing a mature product, reducing surface area, simplifying complex workflows, or evaluating whether to remove low-usage features. Pruning is harder than adding because users (often a small but vocal minority) resist removal even when usage data justifies it. The skill is identifying what to prune, deciding how, and managing the transition.Votes: 0GitHub stars: 3
- Ockhams RazorApply Ockham''s Razor — given a choice between functionally equivalent designs, prefer the simplest. Use when comparing design approaches, evaluating whether a feature is necessary, deciding between elaborate and minimal solutions, auditing a product for accumulated complexity, or pruning features that no longer earn their place. The principle is not \"always make things simpler\" — it''s \"when two designs do the same thing, pick the simpler one.\" Most design problems involve actual tradeof...Votes: 0GitHub stars: 3
- Octopus Ui Ux DesignDesign UI/UX systems with style guides, palettes, typography, and component specs for new interfacesVotes: 0GitHub stars: 3
- Oiloil Ui Ux GuideModern, clean UI/UX guidance + review skill. Use when you need actionable UX/UI recommendations, design principles, or a design review checklist for new features or existing systems (web/app). Focus on CRAP (Contrast/Repetition/Alignment/Proximity) plus task-first UX, information architecture, feedback & system status, consistency, affordances, error prevention/recovery, and cognitive load. Enforce a modern minimal style (clean, spacious, typography-led), reduce unnecessary copy, forbid emoji...Votes: 0GitHub stars: 3
- Open Design> Use Open Design as an external local-first design workbench for prototypes, decks, mobile screens, dashboards, DESIGN.md systems, and exportable visual artifacts. Keep TSP responsible for team workflow, handoff, and quality gates.Votes: 0GitHub stars: 3
- Open Graph Creator'Create open graph creator operations. Auto-activating skill for Frontend Development. Triggers on: open graph creator, open graph creator Part of the Frontend Development skill category. Use when working with open graph creator functionality. Trigger with phrases like \"open graph creator\", \"open creator\", \"open\". 'Votes: 0GitHub stars: 3
- Osterwalder Canvas ArchitectIterative consultant agent for building and validating logically consistent 9-block Business Model Canvases.Votes: 0GitHub stars: 3
- Package Source ShapeNo Storybook — the component list comes from the package's shipped .d.ts exports, and there is no reference render to verify against. Preview quality therefore comes from two layers: the converter ships every component fully functional (bundle + .d.ts + .prompt.md) with an honest floor card, and rich previews are authored — by you, from the repo's own usage examples — for the components the user scopes in (§4). Authored previews are graded on an absolute rubric (§4.3) and reviewed by the user...Votes: 0GitHub stars: 3
- Pbi Report DesignThe Power BI report design canon covering design identity, visual hierarchy and the 3-30-300 rule, layout/spacing/alignment, color discipline, chart selection, KPI and card design, tables and matrices, accessibility, and the closing design gate. The shared reference home for report design judgment, routed to by the create-pbi-report, pbir-cli, review-report, modifying-theme-json, and custom-visual skills. Load when committing a design identity or making a design, layout, color, chart-selectio...Votes: 0GitHub stars: 3
- Penpot Uiux DesignComprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Trigger...Votes: 0GitHub stars: 3
- Perception RouterUse this skill whenever a design task involves visual perception, layout, hierarchy, grouping, scanning order, attention, color organization, or composition — regardless of framework, design system, or platform. Trigger when the user is laying out a screen, page, slide, poster, dashboard, mobile view, or print piece; choosing what to emphasize; deciding how things should group; picking type sizes, spacing, or color roles; reviewing why something \"looks busy\" or \"feels empty\"; or asking \"...Votes: 0GitHub stars: 3
- Pick Ui LibraryPick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more. Only runs when explicitly invoked; it does not trigger on its own.Votes: 0GitHub stars: 3
- Pinia Store Setup'Configure pinia store setup operations. Auto-activating skill for Frontend Development. Triggers on: pinia store setup, pinia store setup Part of the Frontend Development skill category. Use when working with pinia store setup functionality. Trigger with phrases like \"pinia store setup\", \"pinia setup\", \"pinia\". 'Votes: 0GitHub stars: 3
- Pitch Landing| Use when asked to structure a landing page for positioning, plan a conversion-optimized page layout, or design a launch page. Examples: \"landing page for product launch\", \"conversion-optimized layout for SaaS\"Votes: 0GitHub stars: 3
- Plan CanvasOpen plans and HTML artifacts in a local browser canvas where the human annotates elements, chats, and approves or requests changes without leaving the page. Use when presenting a plan for review, or when feedback like \"move this, change that\" is easier pointed at than typed.Votes: 0GitHub stars: 3
- Plan Design ReviewDesigner's eye plan review — interactive, like CEO and Eng review. (gstack)Votes: 0GitHub stars: 3
- Poq Survey Design And MeasurementUse when defending the survey design and measurement of a Public Opinion Quarterly (POQ) manuscript through the Total Survey Error framework — coverage, sampling, nonresponse, measurement (question wording/order/scales), mode effects, and weighting. POQ is the leading survey-methodology journal and expects AAPOR-standard rigor. Strengthens the design; it does not write code.Votes: 0GitHub stars: 3
- Portaljs Add MapRender a GeoJSON dataset on an interactive Leaflet map in the Views section of a dataset's showcase. Installs react-leaflet and a Map component, then renders the map for the chosen dataset. Use when a dataset's data is geographic and a map view is needed alongside the showcase's default metadata and download.Votes: 0GitHub stars: 3
- Posthog Sdk Patterns'Production-ready PostHog SDK patterns: singleton client, typed events, React hooks, Next.js App Router integration, and Python patterns. Trigger: \"posthog SDK patterns\", \"posthog best practices\", \"posthog React hook\", \"posthog Next.js\", \"posthog typescript\". 'Votes: 0GitHub stars: 3
- Power Bi Report Design ConsultationPower BI report visualization design prompt for creating effective, user-friendly, and accessible reports with optimal chart selection and layout design.Votes: 0GitHub stars: 3
- PowerHigh-end dark aesthetic with bold headings, monochromatic palette, and premium feel for premium brand experiences.Votes: 0GitHub stars: 3
- Premium Frontend UiA comprehensive guide for GitHub Copilot to craft immersive, high-performance web experiences with advanced motion, typography, and architectural craftsmanship.Votes: 0GitHub stars: 3
- PremiumApple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.Votes: 0GitHub stars: 3
- PretextBuild creative browser demos with DOM-free text layout.Votes: 0GitHub stars: 3
- Prism Stack| Use when asked for framework-specific best practices, implementation guidelines for React/Vue/Svelte/Next.js, or stack-specific patterns. Examples: \"React best practices\", \"Vue component patterns\", \"Next.js performance\"Votes: 0GitHub stars: 3
- Prism UiImplement a complete UI screen or feature from a Form visual spec. Use when asked to \"build a page\", \"implement this screen\", \"build the frontend for this feature\", or \"create this UI\".Votes: 0GitHub stars: 3
- PrismFrontend engineer — UI components, dashboards, design system implementation, and frontend audits.Votes: 0GitHub stars: 3
- Process RouterUse this skill whenever the question is *how* to design well over time or *how* to make a design that doesn''t break — accessibility, prototyping cadence, MVP scoping, edge cases, performance budget, error handling at scale, design system governance, or any architectural-design question. Trigger on accessibility questions, \"is this ready to ship,\" \"what about the edge case where,\" design reviews, MVP scoping, \"we have too many opinions on this.\" Framework-agnostic. Routes the model to t...Votes: 0GitHub stars: 3
- Product DesignDesign de produto nivel Apple — sistemas visuais, UX flows, acessibilidade, linguagem visual proprietaria, design tokens, prototipagem e handoff. Cobre Figma, design systems, tipografia, cor, espacamento, motion design e principios de design cognitivo.Votes: 0GitHub stars: 3
- ProfessionalPolished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.Votes: 0GitHub stars: 3
- Progressive Disclosure Defaults And TuckingUse this skill when deciding *what to surface* and *what to tuck* — the editorial choices behind progressive disclosure. Trigger when laying out a settings page, picking which form fields to show by default, deciding whether a section starts collapsed or open, or arguing about whether a feature deserves primary chrome or belongs in \"Advanced.\" Sub-aspect of `progressive-disclosure`; read that first.Votes: 0GitHub stars: 3
- Progressive Disclosure Disclosure AffordancesUse this skill when picking the *mechanism* for revealing tucked content — accordion vs. modal vs. tab vs. separate page vs. tooltip. Trigger when designing the UI for \"More options,\" picking between an inline accordion and a side sheet, deciding whether a wizard step should be a modal or a separate page, or reviewing whether existing disclosure affordances are doing their job. Sub-aspect of `progressive-disclosure`; read that first.Votes: 0GitHub stars: 3
- Progressive DisclosureUse this skill whenever a design has *more* available than the user needs to see at this moment — settings panels with advanced options, forms with optional fields, dashboards with drill-down detail, navigation with deep IA, dialogs with \"More options\" affordances, marketing pages with FAQ accordions. Trigger when designing or fixing surfaces that feel \"overwhelming,\" when stakeholders argue about whether to expose every option up front, when novice and expert users have different toleran...Votes: 0GitHub stars: 3
- Propagate Design ChangeWhen a GDD is revised, scans all ADRs and the traceability index to identify which architectural decisions are now potentially stale. Produces a change impact report and guides the user through resolution.Votes: 0GitHub stars: 3
- Prototype DonchitosConcept prototype — validate the core idea is worth designing before writing GDDs. Run right after /brainstorm and /setup-engine. Routes to HTML, Engine, or Paper path based on game type. Produces a throwaway build and a PROCEED/PIVOT/KILL verdict.Votes: 0GitHub stars: 3
- Prototype EmilkowalskiBuild multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Only runs when explicitly invoked; it does not trigger on its own.Votes: 0GitHub stars: 3
- Prototype Sickn33Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.Votes: 0GitHub stars: 3
- PrototypeBuild a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.Votes: 0GitHub stars: 3
- Prototyping Concept Throwaway EvolutionaryUse this skill when picking which kind of prototype to build for the question at hand — concept (exploratory), throwaway (testing one specific aspect), or evolutionary (incremental toward final). Trigger when planning a research method, when scoping a technical spike, or when deciding whether an MVP should evolve or be thrown away. Sub-aspect of `prototyping`; read that first.Votes: 0GitHub stars: 3
- Prototyping When And WhatUse this skill when deciding what to prototype, what fidelity to use, and when to stop prototyping and ship. Trigger when planning research, scoping a design phase, or facing pressure to \"stop prototyping and just build it.\" Sub-aspect of `prototyping`; read that first.Votes: 0GitHub stars: 3
- PrototypingUse this skill whenever the design has unknowns that need testing — when a sketch could resolve a debate, when assumptions about user behavior could be checked cheaply, when a high-fidelity build would benefit from a low-fidelity draft first. Trigger when planning research, when scoping a new feature, when stakeholders want to see something concrete, or when the team is stuck arguing about an approach. Prototyping is one of the foundational principles in ''Universal Principles of Design'' (Li...Votes: 0GitHub stars: 3
- Proximity Data TablesUse this skill when designing or fixing data tables and tabular layouts — row spacing, column spacing, header treatment, group separators, total rows, sticky headers, dense vs. comfortable variants. Trigger when the user is laying out a table, deciding density, debugging \"rows that are hard to follow,\" picking when to add zebra striping, or arguing for/against borders. Sub-aspect of `proximity`; read that first if you haven''t already.Votes: 0GitHub stars: 3
- Proximity Form FieldsUse this skill when laying out a form, fixing a confusing form, or building a form layout convention for a design system. Forms are where proximity failures are most visible: ambiguous label-input pairing, sections that bleed into each other, help text that orphans from its field. Trigger when designing sign-up, sign-in, settings, profile, billing, checkout, multi-step, or any structured-input surface. Sub-aspect of `proximity`; read that first if you haven''t already.Votes: 0GitHub stars: 3
- Proximity NavigationUse this skill when designing or fixing navigation — sidebars, top nav, footer nav, mobile menus, breadcrumbs, tab bars, command palette groupings. Trigger when grouping related links, deciding when to add section dividers, fixing a sidebar where every link feels like a separate item, or designing a mobile bottom-nav with multiple action groups. Sub-aspect of `proximity`; read that first if you haven''t already.Votes: 0GitHub stars: 3
- ProximityUse this skill whenever the question is how to make a composition feel organized — what belongs with what, where groups end, how related items can be visually bound without resorting to borders or boxes. Trigger when laying out forms, tables, navigation, lists, cards, dashboards, or any composition with multiple distinguishable groups of content. Trigger when a layout \"feels disorganized,\" when users are confused which label goes with which input, when grouping is being attempted with borde...Votes: 0GitHub stars: 3
- PulseDynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.Votes: 0GitHub stars: 3
- Pwa Manifest Generator'Generate pwa manifest generator operations. Auto-activating skill for Frontend Development. Triggers on: pwa manifest generator, pwa manifest generator Part of the Frontend Development skill category. Use when working with pwa manifest generator functionality. Trigger with phrases like \"pwa manifest generator\", \"pwa generator\", \"pwa\". 'Votes: 0GitHub stars: 3
- Python Mock Isolation DesignUse Python mocks and fakes as a design tool without losing behavioral confidence. Use when testing external dependencies, choosing monkeypatch versus unittest.mock.patch, isolating slow boundaries, avoiding mock-heavy tests, interpreting mock call assertions, or refactoring toward clearer dependency seams.Votes: 0GitHub stars: 3
- Quick DesignLightweight design spec for small changes — tuning adjustments, minor mechanics, balance tweaks. Skips full GDD authoring when a system GDD already exists or the change is too small to warrant one. Produces a Quick Design Spec that embeds directly into story files.Votes: 0GitHub stars: 3
- Radix Ui Design SystemBuild accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.Votes: 0GitHub stars: 3