Design
UI/UX direction, visual design, and design systems
dev-figma-script-install
by Takazudo
Provide Figma capture script installation guidance for web projects. Use when: (1) User wants to set up Figma capture in a web dev project, (2) User says 'figma script install', 'add figma capture', 'figma setup', (3) User wants to enable browser-to-Figma capture in their dev environment
apple-ui-designer
by heyman333
Redesign mobile app UI to feel unmistakably Apple-like, iOS-forward, and native. Use this skill when building iOS apps, applying Apple Human Interface Guidelines, or creating native-feeling mobile interfaces with SF Pro typography, translucency, and system-like components.
editorial-designer
by heyman333
Create distinctive, production-grade frontend interfaces with high editorial design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
streamlit-pivot
by streamlit
"Build Streamlit apps with st_pivot_table — a BI-focused pivot table component supporting multi-dimensional pivoting, subtotals, conditional formatting, Excel/CSV/TSV export, drill-down, drag-and-drop, date hierarchies with period-over-period comparisons, synthetic measures (including formula measures), Top N / Bottom N and value-predicate analytical filters (0.5.0+), show-values-as analytical display modes (running total, rank, % of parent, index), values axis placement (values_axis rows/columns, 0.5.0+), multi-field chained sorting (0.5.0+), custom member grouping — combine multiple dimension values into a named group for cleaner rollups (member_groups, 0.6.0+), server-side pre-aggregation for large datasets, and aggregation result memoization for significant latency reduction on display-only reruns (number_format, style, show_values_as — groupby is skipped on repeat renders in threshold_hybrid mode). Use when: user wants a pivot table in Streamlit, mentions streamlit_pivot / st_pivot_table, needs interactive data summarization, Top N filter, value filter, running total, rank, income statement layout, values on rows, financial report, wants to group dimension members (e.g. combine regions, bundle categories), or wants to deploy to Streamlit Community Cloud or Streamlit in Snowflake (SiS) on SPCS (installed from PyPI via PYPI_ACCESS_INTEGRATION). Triggers: pivot table, streamlit_pivot, st_pivot_table, pivot, crosstab, data summarization, top N, top n filter, value filter, running total, rank, values on rows, income statement, financial layout, member group, group members, combine regions, bundle categories, custom grouping, SiS, SiS on SPCS, Snowflake streamlit, PYPI_ACCESS_INTEGRATION, Streamlit Community Cloud, aggregation cache, memoization, display-only rerun, near-zero latency."
frontend-design
by johnlindquist
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.
vox-style-treatment
by lumeierecollection-blip
Reference this skill whenever generating, treating, or reviewing a beat in the Remotion render pipeline -- documentary explainer motion graphics style (Vox/Johnny Harris genre), covering photo treatment, accent-color discipline, camera/transitions, annotation, typography, maps, and pacing. Use when building or QA-ing any beat's visual output.
design
by johnlindquist
Design system and token management. Use for managing design tokens, colors, typography, and maintaining design consistency.
vercel-design
by Dwsy
"Vercel 设计指南 - 构建高质量 Web 应用的最佳实践，包含现代 UI/UX 原则、性能优化和无障碍标准。"
Architecture Review
by itzikiusa
A focused, single-lens review of a change's design and structure — not its defects. Judges separation of concerns and SOLID, coupling and cohesion, module/layer boundaries and dependency direction, whether the right abstraction is present (and the wrong/early one is absent), files and functions that have grown too large or do too much, leaky abstractions, intent-hiding names, duplication that wants to be a shared unit, and whether the change fits how this codebase is already built. Every finding cites file/module:line, a severity, the future cost it imposes, and a concrete refactor direction. Constructive and pragmatic — flags structure that will cost future change, never taste.
feature-spec-protocol
by igor1309
Use when creating a feature specification through an ordered clarification protocol that asks one question at a time, avoids hidden assumptions, and fills the spec incrementally.
arch-doc-review
by igor1309
Checklist for reviewing architecture and design docs in PRs
ai-shaped-readiness-advisor
by TurboSnails
Assess whether your product work is AI-first or AI-shaped. Use when evaluating AI maturity and choosing the next team capability to build.
acquisition-channel-advisor
by TurboSnails
Evaluate acquisition channels using unit economics, customer quality, and scalability. Use when deciding whether to scale, test, or kill a growth channel.
domain-search
by igor1309
This skill should be used when the user asks to "find a domain", "check domain availability", "search for domain names", "suggest domain names", "brainstorm domains for my project", "is example.com available", or mentions finding/buying/registering a domain name.
/project-audit
by blamechris
"Launch a comprehensive multi-agent audit of the entire project."
maskin-design
by sindre-ai
The v2 Maskin app design system — tokens, type, radii, shadows, motion, and component patterns extracted from the full Maskin App v2 prototype (all fourteen product screens plus the shell and overlays). Use this when designing or building any product route, when reviewing a screen against v2, or when generating brand-consistent artefacts.
/swarm-audit
by blamechris
"Launch a swarm of specialized agents to perform a multi-perspective audit of any design document, architecture, codebase, or proposal."
civil-3d-skill
by darellchua2
Autodesk Civil 3D workflows — corridors, surfaces, alignments/profiles, pipe networks, grading, survey; COM and .NET APIs. Version detection before API advice.
brainstorm
by yishan-io
Helps explore ideas before implementation. Use when the user wants to brainstorm features, compare approaches, shape requirements, or discuss tradeoffs before writing code.
/visual-brief
by blamechris
"Generate a polished, self-contained HTML brief of a topic — session status, a plan, or a code walkthrough — saved to a durable folder and opened in the..."
frontend
by mirkosertic
Frontend development context for the Megahub project. Use when working on the web-based IDE, Vite build system, Blockly visual programming, Web Bluetooth API integration, JavaScript frontend code, CSS/styles, UI components, or anything in the /frontend/ directory.
arcgis-widgets-ui
by SaschaBrunnerCH
Build map user interfaces with ArcGIS widgets, Map Components, and Calcite Design System. Use for adding legends, layer lists, search, tables, time sliders, and custom UI layouts.
civiltekk-react-quality-skill
by darellchua2
React and Next.js quality, four routes. perf: waterfall elimination, bundle size, server-side caching, data fetching, re-render and rendering optimization — triggers: react performance, nextjs optimization, bundle size, waterfall, slow page, unnecessary re-renders. hooks-antipatterns: stale useState from props, StrictMode double-execution, dependency traps, stale refs, toast.promise leaks. render-antipatterns: missing fragment keys, unsafe JSON.parse, revalidatePath/redirect swallowing, ssr:false hydration. ts-dry: apply the DRY principle to eliminate TypeScript code duplication with refactoring patterns.
gsap-utils
by darellchua2
Official GSAP skill for gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe. Use when the user asks about gsap.utils, clamp, mapRange, random, snap, toArray, wrap, or helper utilities in GSAP.