All authors
Claude Skills by thedixitjain
github.com/thedixitjain12,707 skills283 installs48,721 views
- Corl Author ResponseUse when drafting the CoRL rebuttal — a single-page PDF due days after reviews are released, aimed at reviewers, the Area Chair, and the discussion window that follows. Covers triage against the first-round gate, one-page layout economy, presenting new numbers compactly, and tone for an exchange that becomes public on acceptance.Votes: 0GitHub stars: 3
- CosmicFuturistic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.Votes: 0GitHub stars: 3
- CreativePlayful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.Votes: 0GitHub stars: 3
- Css Grid MathDerive and debug CSS Grid layout math for grid coordinates, line placement, spans, negative indexes, fr units, minmax(), fit-content(), repeat(), auto-fill, and auto-fit. Use when building grid systems, explaining track sizing, troubleshooting fr distribution, placing items by line numbers, or converting a layout sketch into CSS Grid formulas.Votes: 0GitHub stars: 3
- Css Math UnitsExplain, derive, and debug CSS math for measurement units, calc(), min(), max(), clamp(), custom properties, inheritance, em/rem scaling, percentages, viewport units, and box model formulas. Use when CSS dimensions compute unexpectedly, when mixing units, when building scalable spacing/type systems, or when reviewing box sizing and inherited values.Votes: 0GitHub stars: 3
- Css Module Generator'Generate css module generator operations. Auto-activating skill for Frontend Development. Triggers on: css module generator, css module generator Part of the Frontend Development skill category. Use when working with css module generator functionality. Trigger with phrases like \"css module generator\", \"css generator\", \"css\". 'Votes: 0GitHub stars: 3
- Cyber Y2kWeb and App implementation guide for Cyber Y2K. Trigger when user wants modern Y2K, holographic visuals, and glitch aesthetics.Votes: 0GitHub stars: 3
- Cyberpunk UiWeb and App implementation guide for Cyberpunk UI. Trigger when user wants neon colors, dark backgrounds, high-tech dystopian aesthetics, and hacking interfaces.Votes: 0GitHub stars: 3
- Dark ModeWeb and App implementation guide for Dark Mode Design. Trigger when user wants dark surfaces, reduced eye strain, and premium sleek aesthetics.Votes: 0GitHub stars: 3
- Dashboard DesignWeb and App implementation guide for Dashboard Design. Trigger when user wants analytics-focused layouts, data visualization, and modular overview screens.Votes: 0GitHub stars: 3
- Dashboard Layout Planner'Configure dashboard layout planner operations. Auto-activating skill for Data Analytics. Triggers on: dashboard layout planner, dashboard layout planner Part of the Data Analytics skill category. Use when working with dashboard layout planner functionality. Trigger with phrases like \"dashboard layout planner\", \"dashboard planner\", \"dashboard\". 'Votes: 0GitHub stars: 3
- Data Dense DesignWeb and App implementation guide for Data-Dense Design. Trigger when user wants professional tools, maximum information density, and expert interfaces (like Bloomberg terminals or IDEs).Votes: 0GitHub stars: 3
- Ddd Strategic DesignDesign DDD strategic artifacts including subdomains, bounded contexts, and ubiquitous language for complex business domains.Votes: 0GitHub stars: 3
- Design Hashgraph Online 2Use for standard or complex new work before coding or planning. Also handles vague goals — clarifies before designing.Votes: 0GitHub stars: 3
- Design Hashgraph OnlineUse for UI, UX, visual hierarchy, frontend-design judgment, references, redesigns, and design critique when the user's Emulo taste should guide the task. Do not use for unrelated execution or marketing/social writing alone.Votes: 0GitHub stars: 3
- Design An InterfaceGenerate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions \"design it twice\".Votes: 0GitHub stars: 3
- Design ConsultationDesign consultation: understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates font+color preview... (gstack)Votes: 0GitHub stars: 3
- Design Dialogue JossteiGuides structured design conversations for complex engineering tasksVotes: 0GitHub stars: 3
- Design DialogueGuides structured design conversations for complex engineering tasksVotes: 0GitHub stars: 3
- Design DirectorИспользуй только внутри активного Codex Project Autopilot-проекта, когда уже выбрана проектная фаза и нужен design direction по плану автопилота.Votes: 0GitHub stars: 3
- Design Everyday ThingsApply foundational design principles: affordances, signifiers, constraints, feedback, and conceptual models. Use when the user mentions \"why is this confusing\", \"affordance\", \"error prevention\", \"discoverability\", \"human-centered design\", \"mental model\", \"mapping\", \"seven stages of action\", \"users keep making mistakes\", \"this is unintuitive\", or \"people cant figure out how to use it\". Also trigger when reducing product complexity or feature creep. Covers the gulfs of exe...Votes: 0GitHub stars: 3
- Design HtmlDesign finalization: generates production-quality Pretext-native HTML/CSS. (gstack)Votes: 0GitHub stars: 3
- Design IsAudit a design against Dieter Rams' ten \"Good design is...\" principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine design, or redesign. Use when the user says \"audit this design\", \"design review\", \"check this UI against Rams\", \"is this UI good\", \"critique this design\", \"design audit\", or asks for a critique that should lead to a plan.Votes: 0GitHub stars: 3
- Design ItRoutes frontend design tasks to 48 specific UI styles. Triggers for websites, app screens, or UI components requesting a specific aesthetic.Votes: 0GitHub stars: 3
- Design Md Sickn33Analyze Stitch projects and synthesize a semantic design system into DESIGN.md filesVotes: 0GitHub stars: 3
- Design MdAuthor/validate/export Google's DESIGN.md token spec files.Votes: 0GitHub stars: 3
- Design PhilosophyVisual philosophy and art-direction for frontend. Use when creating high-concept work, campaigns, or when the user asks for a visual philosophy, manifesto, or unmistakable art-like aesthetic.Votes: 0GitHub stars: 3
- Design RouterUse when the user asks to build, design, mock up, scaffold, audit, translate, or improve any interface, flow, screen, page, component, app, UX, onboarding, checkout, dashboard workflow, product flow, design system, asset plan, motion plan, or non-generic UI and the target platform or flow is ambiguous. Routes to ux-design, web, Windows, Apple, Android, cross-platform, design-token, originality, asset/reference, and platform skills. SKIP when the request explicitly names one platform and no UX...Votes: 0GitHub stars: 3
- Design ShotgunDesign shotgun: generate multiple AI design variants, open a comparison board, collect structured feedback, and iterate. (gstack)Votes: 0GitHub stars: 3
- Design SpatialDesign — spatial compositionVotes: 0GitHub stars: 3
- Design SpellsCurated micro-interactions and design details that add \"magic\" and personality to websites and apps.Votes: 0GitHub stars: 3
- Design Style Skill> Select a consistent visual design system for PPT slides using radius/spacing style recipes. Use when users ask for overall style direction or component styling consistency. Includes Sharp/Soft/Rounded/Pill recipes, component mappings, typography/spacing rules, and mixing guidance. Triggers: 风格, style, radius, spacing, 圆角, 间距, PPT风格, 视觉风格, design style, component style.Votes: 0GitHub stars: 3
- Design SyncPush a React design system to claude.ai/design. This runs a converter that bundles the real component code (from Storybook or a bare package) and uploads it. Use when the user runs /design-sync or says \"sync my design system to Claude Design\".Votes: 0GitHub stars: 3
- Design System Affaan MUse this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.Votes: 0GitHub stars: 3
- Design System AlirezarezvaniCaptures the user's brand identity once via a 10-question onboarding wizard (primary/accent HEX + heading + body Google Fonts + design style editorial/technical/minimal/playful + default output directory + syntax theme + TOC behavior + optional logo/company), validates body-text and link contrast against WCAG 2.2 AA, derives 12 CSS custom properties in HSL space, and stores the result for every markdown-html converter to consume. Use before any markdown-html conversion. Triggers on first-run ...Votes: 0GitHub stars: 3
- Design System DonchitosGuided, section-by-section GDD authoring for a single game system. Gathers context from existing docs, walks through each required section collaboratively, cross-references dependencies, and writes incrementally to file.Votes: 0GitHub stars: 3
- Design System Hashgraph Online| How to write and maintain a DESIGN.md in the 9-section Google Stitch format. Covers the 9-section structure, design token conventions, quality standards, integration with kits and build tasks, revision patterns, and collection import. Trigger phrases: \"design system\", \"DESIGN.md\", \"visual design spec\", \"design tokens\", \"create design system\", \"import design system\", \"visual identity\", \"UI spec\", \"design language\"Votes: 0GitHub stars: 3
- Design System NextlevelbuilderToken architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.Votes: 0GitHub stars: 3
- Design System Sickn33Mechanical implementation invariants for frontend design: token architecture, typography hierarchy, loading order, FOUT prevention, chrome stability, motion timing, color semantics. Use with design when building components, pages, or design systems. (Aesthetic direction lives in...Votes: 0GitHub stars: 3
- Design System PatternsBuild scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.Votes: 0GitHub stars: 3
- Design Systemアクセシビリティ、レスポンシブネス、テーマ設定、コンポーネント群、トークンを備えた本番環境対応デザインシステムの構築。Figma、Storybook、コンポーネントライブラリ統合。Votes: 0GitHub stars: 3
- Design Taste Frontend Sickn33Use when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.Votes: 0GitHub stars: 3
- Design Taste Frontend V1The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is a substantial rewrite. Use this v1 install name only if you need exact backward compatibility.Votes: 0GitHub stars: 3
- Design Taste FrontendAnti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.Votes: 0GitHub stars: 3
- Design ThinkingDirection and intent for frontend design. Use with design when defining purpose, tone, domain, color world, and review bar; includes cross-domain lens from cinema, architecture, marketing, UX, automotive, industrial design.Votes: 0GitHub stars: 3
- Design TokensUse when the user asks for design tokens, DTCG tokens, theme systems, color/typography/spacing/radius/elevation/motion tokens, translating tokens, exporting tokens, making a Compose color scheme from a palette, auditing tokens, or sharing a single token source across web and native. Generates, audits, and translates W3C DTCG tokens to Tailwind v4 @theme, CSS variables, Compose Material3 ColorScheme/Typography, SwiftUI Color/Font extensions, and WinUI ResourceDictionary while preserving semant...Votes: 0GitHub stars: 3
- Design UxUX / usability audit — heuristic evaluation of INTERACTIVE UIs (not just visual polish). Load with design when a UI \"feels off\", \"sucks to use\", is hard to learn, needs an instruction wall, or before shipping an interactive tool/editor/app. Scores the RENDERED UI against Nielsen's 10 +...Votes: 0GitHub stars: 3
- Design WizardInteractive design wizard that guides through a complete frontend design process with discovery, aesthetic selection, and code generation. Use for creating distinctive, production-ready UI.Votes: 0GitHub stars: 3
- Design| Use when the user wants the visual/experiential design of a product done systematically — a design system, a screen, a landing page, or a visual identity — grounded in researched real-world prior art and free of AI slop. Establishes/extends the design system, invokes the matching local taste skill, dispatches the designer specialist, and reviews for taste + accessibility. Standalone — ends with a handoff gate into the chain. Trigger with /hyperflow:design, \"design the UI\", \"make a design...Votes: 0GitHub stars: 3
- Designer SkillPlug-and-play MCP for UI superpowers. Use when building, designing, redesigning, refactoring, polishing, auditing, or enhancing any web or app user interface — landing pages, marketing sites, dashboards, product UI, components, forms, or design systems. Use when an interface looks generic or \"AI-made\", or needs better typography, color, spacing, layout, hierarchy, motion, accessibility, or performance. For any coding agent doing frontend visual work. Not for backend logic, data pipelines, C...Votes: 0GitHub stars: 3