UI Components
Code-based UI component generation and styling
css-layout-helper
by proflead
Explain CSS layout issues and propose fixes. Use when a junior developer is struggling with alignment or spacing.
function-docstrings
by proflead
Write concise docstrings for functions. Use when a junior developer needs help describing inputs, outputs, and errors.
project-planning
by athola
"Transform specifications into implementation plans with architecture design and dependency-ordered tasks. Use for spec-to-plan conversion, task breakdown, effort estimation. Skip if no spec exists."
architecture-paradigm-layered
by athola
'Consult this skill when implementing layered patterns or enforcing layer
architecture-paradigm-serverless
by athola
'Serverless FaaS for event-driven workloads with minimal infrastructure
architecture-paradigm-microkernel
by athola
'Minimal core system with plugin-based feature extensibility for platform
modular-skills
by athola
Architect skills as modular blocks to control token usage and complexity.
precommit-setup
by athola
"Configure three-layer pre-commit system with linting, type checking, and testing hooks. Use for quality gate setup and code standards. Skip if pre-commit is optimally configured."
performance-optimization
by Hack23
Application performance tuning, JVM optimization, database query tuning, Vaadin UI performance
vaadin-component-design
by Hack23
Design Vaadin UI components with proper lifecycle, data binding, and responsive layouts for CIA platform
c4-architecture-documentation
by Hack23
Document system architecture using C4 model: context, container, component, code diagrams per ARCHITECTURE.md
organizational-design
by RefoundAI
Help users design effective organizational structures. Use when someone is thinking about team structure, deciding between functional vs. divisional models, planning a reorg, or figuring out how to structure product teams.
building-with-llms
by RefoundAI
Help users build effective AI applications. Use when someone is building with LLMs, writing prompts, designing AI features, implementing RAG, creating agents, running evals, or trying to improve AI output quality.
building-team-culture
by RefoundAI
Help users build and maintain strong team culture. Use when someone is defining team values, creating psychological safety, onboarding to a new team, navigating cultural change, or building distributed team norms.
conducting-interviews
by RefoundAI
Help users conduct effective hiring interviews. Use when someone is designing an interview loop, crafting interview questions, evaluating candidates in real-time, or building a structured interview process.
coaching-pms
by RefoundAI
Help users develop and coach product managers. Use when someone is managing PMs, creating development plans, running performance reviews, or trying to level up their PM team's capabilities.
designing-surveys
by RefoundAI
Help users design effective surveys. Use when someone is creating customer surveys, NPS measurements, product-market fit surveys, or feedback collection mechanisms.
nav-skill-creator
by alekspetrov
Analyze codebase patterns and create custom skills for repetitive workflows. Use when project needs automation or pattern enforcement. Auto-invoke when user says "create a skill for...", "automate this workflow", or "we keep doing X manually".
frontend-design
by Factory-AI
Build good-looking web interfaces. Use when: - User asks you to build a web app, website, landing page, or HTML page - User asks for a one-off tool, utility, or demo app - User is starting a new frontend project - User wants to improve how something looks - User mentions UI, design, styling, or making something look better This applies to ANY frontend work, not just "design" tasks. Even simple apps benefit from basic design principles.
product-design
by alekspetrov
Automates design review, token extraction, component mapping, and implementation planning. Reduces design handoff from 6-10 hours to 5 minutes via direct Figma MCP integration. Auto-invoke when user mentions design review, Figma mockup, or design handoff.
system-architect
by aj-geddes
Designs system architecture, selects tech stacks, defines components and interfaces, addresses non-functional requirements. Trigger words - architecture, system design, tech stack, components, scalability, security, API design, data model, NFR, patterns, microservices, monolith
programming-architecture
by pluginagentmarketplace
Game code architecture, design patterns, scalable systems, and maintainable code structure for complex games.
preline-theme-generator
by htmlstreamofficial
Generates beautiful, consistent Preline Theme CSS files. Agent interprets user request, runs build script, delivers complete CSS.
figma-to-generateblocks
by wpgaurav
Convert Figma designs to GenerateBlocks V2 format for WordPress