ui-design
Professional UI design and frontend interface guidelines. Use this skill when creating web pages, mini-program interfaces, prototypes, or any frontend UI components that require distinctive, production-grade de...
Discover tools sales marketing skills, compare source repositories and read the instructions for each workflow.
Professional UI design and frontend interface guidelines. Use this skill when creating web pages, mini-program interfaces, prototypes, or any frontend UI components that require distinctive, production-grade de...
Clarify and structure the requirement first, then generate an implementation plan for the requirement; Use this skill when user submits a requirement to add new functionalities.
Execute an outlined plan step by step, tracking progress and updating the status of each step as you go. Use this skill whenever you need to execute an outlined plan.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement,...
Expert guidance on Frappe Workflow system including workflow structure, states and transitions, workflow actions, email notifications, permission hooks (before_transition, after_transition, filter_workflow_tran...
Expert guidance on Frappe reports including report types, structure, creation workflow, and best practices. Use when creating standard script reports, query reports, understanding report structure, working with...
Sixty's production design system for enterprise SaaS applications. Use when building UI components, creating React/Next.js interfaces, styling dashboards, implementing light/dark themes, or applying Sixty's gla...
Load for new features, design tasks, and architecture decisions. Provides structured workflow for UNDERSTAND → RESEARCH → DESIGN → HANDOFF phases.
Visual mockup and annotation tool for creating UI designs with coordinate-tracked annotations across multiple pages.
Guide the planning of microservices architecture. Use when designing, planning, or architecting a system using microservices.
Build consistent, accessible UI with design tokens, component libraries, and automated testing. Use when establishing or evolving a design system.
This skill should be used when the user asks about "key startup metrics", "SaaS metrics", "CAC and LTV", "unit economics", "burn multiple", "rule of 40", "marketplace metrics", or requests guidance on tracking...
This skill should be used when the user asks to "create financial projections", "build a financial model", "forecast revenue", "calculate burn rate", "estimate runway", "model cash flow", or requests 3-5 year f...
This skill should be used when the user asks to "analyze competitors", "assess competitive landscape", "identify differentiation", "evaluate market positioning", "apply Porter's Five Forces", or requests compet...
This skill should be used when the user asks to "calculate TAM", "determine SAM", "estimate SOM", "size the market", "calculate market opportunity", "what's the total addressable market", or requests market siz...
This skill should be used when the user asks to "plan team structure", "determine hiring needs", "design org chart", "calculate compensation", "plan equity allocation", or requests organizational design and hea...
Replaces the work of translating abstract user intent into concrete and verifiable goals (SMART) for agent execution. Typical use cases: (1) Defining the Outcome (desired state) from conversations or Issues, (2...
Replaces the process of defining the system's overall picture (SSOT) and dynamically maintaining alignment between codebase reality and design maps. Typical use cases: (1) Defining initial system boundaries and...
Replaces the work of drafting and refining Design Docs, which serve as the Implementation SSOT, by integrating various design outcomes. Typical use cases: (1) Creating comprehensive Design Doc drafts based on t...
Skill for breaking down goals into atomic, verifiable steps and managing them in .gemini/todo.md. Used when (1) creating a detailed step-by-step execution plan, (2) tracking progress of multi-step operations to...
Replaces the entire process of translating high-level designs (Architecture/Design Docs) into detailed technical specifications (Specs) that developers can implement immediately. Typical use cases: (1) Decompos...
Replaces the work of detecting inconsistencies or ambiguities in drafted specifications and elevating them to a rigorous and complete Implementation SSOT. Typical use cases: (1) Eliminating vague expressions li...
Replaces the work of analyzing requirements, formulating strategies to create high-quality detailed specifications, creating shared definitions, and decomposing tasks. Typical use cases: (1) Defining ubiquitous...
Replaces the diagramming task of visualizing the "big picture" and "external boundaries" of the system based on the C4 model (Level 1). Typical use cases: (1) MECE identification of actors and external systems...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.