Design
Page 3 of 6
Browse skills in this category.
add-new-setting-field
Designby tsukumijima
【設定追加時は必ず参照】KonomiTV に新しい設定 (v-switch/v-select など) を追加する際の必須手順。SettingsStore.ts / Settings.ts / config.py / Settings/*.vue への追加が必要
frontend-design
Designby Swetrix
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics.
algorithmic-art
DesignCreating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems.
brand-guidelines
DesignApply brand colors and typography to artifacts. Use when brand colors, style guidelines, visual formatting, or company design standards apply. Ensures consistency across branded content.
canvas-design
DesignCreate beautiful visual art in .png and .pdf documents using design philosophy. Use when the user asks to create a poster, piece of art, design, or other static visual piece. Creates original visual designs.
pptx
DesignPresentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for creating new presentations, modifying content, working with layouts, adding speaker notes, or any presentation tasks.
pdf-text-replace
Designby instavm
Replace text in fillable PDF forms by updating form field values. This skill should be used when users need to update names, addresses, dates, or other text in PDF form fields.
prd
Designby iannuttall
Generate a Product Requirements Document (PRD) as JSON for Ralph. Triggers on: create a prd, write prd for, plan this feature, requirements for, spec out.
add-vault-abi-methods
DesignExpose vault smart contract ABI methods in the vault class
makepad-components
Designby ZhangHanDong
Quick reference for all Makepad built-in widgets with usage examples. Extracted from ui_zoo examples. Use when you need to know available widgets, their variants, and configuration options.
makepad-core
Designby ZhangHanDong
Entry point for Makepad core concepts including layout, widgets, events, and styling. Start here to learn UI fundamentals.
makepad-getting-started
Designby ZhangHanDong
Entry point for Makepad development with Claude. Start here to learn about available skills and how to begin building Makepad applications.
makepad-graphics
Designby ZhangHanDong
Makepad shaders, SDF drawing, animations, and visual effects.
makepad-reference
Designby ZhangHanDong
Reference materials for Makepad development including troubleshooting, code quality guidelines, and responsive layout patterns.
by PaulJPhilp
Effect-TS patterns for Error Handling Resilience. Use when working with error handling resilience in Effect-TS applications.
codebase-analysis
Designby solatis
Invoke IMMEDIATELY via python script when user requests codebase understanding, architecture comprehension, or repository orientation. Do NOT explore first - the script orchestrates exploration.
plain-tailwind
Designby dropseed
Provides Tailwind CSS patterns for Plain templates. Use when styling templates or working with conditional CSS classes.
plain-install
Designby dropseed
Installs Plain packages and guides through setup steps. Use when adding new packages to a project.
plain-upgrade
Designby dropseed
Upgrades Plain packages and applies required migration changes. Use when updating to newer package versions.
slack-memory-cleanup
Designby krafton-ai
Memory cleanup and organization skill for AI employees. Provides guidelines for detecting duplicates, fixing misclassified files, and removing stale information from memory storage.
by PaulJPhilp
Effect-TS patterns for Project Setup Execution. Use when working with project setup execution in Effect-TS applications.
slack-memory-retrieval
Designby krafton-ai
Retrieve and utilize stored memories for AI employees in Slack environments. Efficiently searches and loads relevant context (channels, users, projects, decisions, meetings) from organized memory storage to inform responses. Use this when answering questions that require historical context, user preferences, project status, or any previously stored information. Works with slack-memory-store storage system.
pdf-processor
Designby lofcz
Extracts text and tables from PDF files, fills forms, and merges documents. Use when working with PDF files or when the user mentions PDFs, forms, or document extraction.
by lofcz
A step-by-step guide to synthesizing research from multiple sources into a coherent summary.
activitypub-integrations
Designby Automattic
Third-party WordPress plugin integration patterns. Use when adding new integrations, debugging compatibility with other plugins, or working with existing integrations.
activitypub-pr-workflow
Designby Automattic
INVOKE THIS SKILL before creating any PR to ensure compliance with branch naming, changelog requirements, and reviewer assignment.
git-pushing
Designby sickn33
Stage, commit, and push git changes with conventional commit messages. Use when user wants to commit and push changes, mentions pushing to remote, or asks to save and push their work. Also activate...
custom-builtin-functions
DesignCreate a custom builtin function to be used in the Rego policy engine
latex-posters
Designby jimmc414
Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific best practices for visual communication.
ui-ux-pro-max
Designby aifuxi
Frontend UI/UX design best practice for web and mobile. Use when user asks about design, creating or updating frontend pages/component, landing pages, dashboards, admin panels, e-comerce, SaaS, protfolio, blogs, mobile or about frontend related design.
noir-sync-update
DesignPerform necessary follow-on updates as a result of updating the noir git submodule.
debug-lldb
Designby regenrek
Capture and analyze thread backtraces with LLDB/GDB to debug hangs, deadlocks, UI freezes, IPC stalls, or high-CPU loops across any language or project. Use when an app becomes unresponsive, switching contexts stalls, or you need thread stacks to locate lock inversion or blocking calls.
latex-posters
Designby K-Dense-AI
Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific best practices for visual communication.
components-standards
Designby maxritter
Design reusable, composable UI components following single responsibility principle with clear interfaces, encapsulation, and minimal props. Use this skill when creating or modifying frontend components in any framework (React, Vue, Svelte, web components) or component files. Apply when working with .jsx, .tsx, .vue, .svelte files in component directories (components/, src/components/, ui/, lib/), defining component props and interfaces, implementing component composition patterns, managing component-level state, creating reusable UI elements (buttons, forms, cards, modals), documenting component APIs, or refactoring components for better reusability and maintainability.
api-routes
Designby expo
Guidelines for creating API routes in Expo Router with EAS Hosting
building-ui
Designby expo
Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.
tailwind-setup
Designby expo
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling
pptx
Designby carlvellotti
Create PowerPoint presentations from markdown documents. Use this skill when users need to transform strategy documents, PRDs, or analysis into professional slide decks for stakeholder presentations.
frontend-design
Designby snarktank
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
ralph
Designby snarktank
Autonomous feature development - setup and execution. Triggers on: ralph, set up ralph, run ralph, run the loop, implement tasks. Two phases: (1) Setup - chat through feature, create tasks with dependencies (2) Loop - pick ready tasks, implement, commit, repeat until done.
frontend-design
Designby dmmulroy
Create distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications with React-based frameworks. Includes Tailwind CSS v4, shadcn/ui components, Motion animations, and visual design philosophy for avoiding generic AI aesthetics.
flywheel
Designby kasperjunge
Build and optimize self-reinforcing growth loops using Jim Collins's Flywheel Effect. Use when feeling stuck despite being busy, aligning teams around strategy, prioritizing initiatives, diagnosing why growth isn't compounding, or communicating strategy simply. Interactive and output-focused - produces flywheel maps, momentum diagnostics, and prioritization frameworks.
create-destination
Designby elbwalker
Use when creating a new walkerOS destination. Example-driven workflow starting with research and examples before implementation.
create-source
Designby elbwalker
Use when creating a new walkerOS source. Example-driven workflow starting with research and input examples before implementation.
understanding-events
Designby elbwalker
Use when creating events, understanding event structure, or working with event properties. Covers entity-action naming, event properties, statelessness, and vendor-agnostic design.
debug
Designby WellApp-ai
Systematic debugging with MCP integration, auto-invoke from qa-commit, Phase 7 Harden
designing-options
Designby khaneliman
khanelinix option namespacing and design patterns. Use when defining module options, accessing configuration values, or understanding the khanelinix.* namespace convention.
frontend-design
Designby khaneliman
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
managing-themes
Designby khaneliman
khanelinix theme system patterns. Use when configuring themes, working with Stylix or Catppuccin, or implementing theme-aware module configuration.
pptx
Designby khaneliman
Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks
validating-nix
Designby khaneliman
Validates Nix code correctness, syntax, and buildability. Use when checking for errors, debugging build failures, formatting code, or verifying flake outputs.
ignite-cluster-setup
Designby apache
Set up and manage a local Apache Ignite 3 cluster using just commands. Use when asked to setup cluster, start nodes, rebuild, initialize cluster, or check status.
artifacts-builder
DesignAutomates the release process for the ts-oauth2-server project.
analyze
Designby hellowind777
Requirements analysis phase detailed rules; read when entering requirements analysis; includes requirement scoring, follow-up logic, code analysis steps
design
Designby hellowind777
Solution design phase detailed rules; read when entering solution design; includes solution ideation, task breakdown, risk assessment, solution package creation
context-engineering
Designby NeoLabHQ
Understand the components, mechanics, and constraints of context in agent systems. Use when writing, editing, or optimizing commands, skills, or sub-agents prompts.
softcopyright
Designby peterfei
智能软件著作权申请材料生成工具。自动分析项目源码,生成符合软著申请要求的软件说明书和源代码文档。支持关键词搜索、智能源码分析、格式化输出和PDF导出。
project-analyze
Designby mylukin
Scans codebases to generate architecture documentation (ARCHITECTURE.md). Use when joining an existing project, understanding codebase structure, exploring project architecture, or preparing for agent-foreman init. Triggers on 'analyze project', 'understand codebase', 'explore architecture', 'scan project structure', 'survey project'.
dc-power-flow
Designby benchflow-ai
DC power flow analysis for power systems. Use when computing power flows using DC approximation, building susceptance matrices, calculating line flows and loading percentages, or performing sensitivity analysis on transmission networks.
by benchflow-ai
Extract locational marginal prices (LMPs) from DC-OPF solutions using dual values. Use when computing nodal electricity prices, reserve clearing prices, or performing price impact analysis.
by benchflow-ai
This skill should be used when the user asks to "design package structure", "create managed package", "configure 2GP", "set up namespace", "version management", or mentions managed package topics like "LMA", "subscriber orgs", or "package versioning". Provides comprehensive guidance for second-generation managed package (2GP) architecture, ISV development patterns, and package lifecycle management.