Design
UI/UX direction, visual design, and design systems
civiltekk-startup-docs-skill
by darellchua2
Founder business documents and startup presentations — reports, quotations, spreadsheets, presentations with professional formatting, plus pitch deck structures, board updates, launch decks, palettes, investor-readiness checklists. Triggers: create a report, generate quotation, make a spreadsheet, prepare a proposal, build a financial model, create a tracking sheet, draft an investor update, pitch deck, investor deck, board deck, board update, demo day, product launch slides, Series A deck, pre-seed deck, investor-readiness.
architecture-review-skill
by darellchua2
Solution-architect review methodology — decision-tree target routing, layer/dependency review axes, transitive blast-radius gate, finding schema, and severity rubric for architecture and PLAN design review. Loaded by architecture-review-subagent and inline pipeline arms. Triggers: architecture review, blast radius, plan review, inline arch review.
clean-code
by uwuclxdy
Clean code principles and best practices covering naming conventions, function design, error handling, comments, and architecture. Use this skill whenever the user asks you to write, review, or refactor code and wants it to follow clean code standards. Also trigger when the user mentions "clean code", "code quality", "readability", "refactor for clarity", "naming conventions", "function size", "code smells", or asks for a code review with best practices in mind. Apply these principles proactively when writing or reviewing code, even if the user doesn't explicitly ask for "clean code."
optics-context
by RoleModel
Use the Optics design framework for styling applications. Apply Optics classes for layout, spacing, typography, colors, and components. Use when working on CSS, styling views, or implementing design system guidelines.
bem-structure
by RoleModel
Expert guidance for writing, refactoring, and structuring CSS using BEM (Block Element Modifier) methodology. Provides proper CSS class naming conventions, component structure, and Optics design system integration for maintainable, scalable stylesheets.
frontend-design-skill
by darellchua2
Build distinctive, production-grade web UI that avoids generic AI aesthetics — components, pages, landing pages, dashboards, any styling task.
construction-bd-skill
by darellchua2
Construction business development knowledge — proposal summarization, quotations with cost categories, industry terminology, Atlassian workflows.
experiment-design-review
by rapidreview-io
Perform a read-only adversarial review of a Merv experiment design before execution. Check whether the submitted plan can test its claim, then submit the verdict through the review capability.
interactive-document-rendering-skill
by darellchua2
Shared rendering standard for HTML and Word (.docx) outputs across document skills — sidebar HTML navigation, dark mode, self-contained HTML; Word auto-TOC, hyperlinks, page-breaks. HTML and DOCX only.
journal
by TakaGoto
"Write a quick note about what you learned or what confused you"
qfai-sdd
by aganesy
"Use when invoked by name or handed a QFAI work order. Its subject is the story tree: policy, business flows, stories, examples and the contracts that enforce them."
qfai-grill
by aganesy
"Run a grilling session on anything: a design, a product direction, a piece of writing. Needs no repository and writes no files. Invoked by the user, never by the agent."
qfai-prototyping
by aganesy
"Use when invoked by name or handed a QFAI work order to settle a visual or interaction decision by prototyping UI contracts under the root DESIGN.md."
authoring-stitch-prompts
by joaquimscosta
Converts natural-language descriptions or UI spec files into optimized Google Stitch prompts. Use when creating, refining, or validating design directives for Google Stitch. Use when user says "create a Stitch prompt", "optimize this for Stitch", "convert this spec to a Stitch prompt", "write a UI prompt", or mentions Google Stitch prompt authoring. Follows Stitch best practices with short, directive prompts focused on screens, structure, and visual hierarchy.
rialto
by mattbutlerengineering
Use when building UI with the Rialto design system, importing from "rialto" or "@mattbutlerengineering/rialto", choosing components, applying design tokens, composing layouts, or authoring new Rialto components. Triggers on mentions of "Rialto", "component library", "design system", "UI component", or imports from rialto.
flutter-bloc-development
by AbdelhakRazi
Build Flutter features using BLoC state management, clean architecture layers, and the project's design system. Apply when creating screens, widgets, or data integrations.
website-editing
by TinyAssets
"Conventions for editing the TinyAssets public site (WebSite/site-react, Next.js static export on @tiny/design-system). Use for website copy, components, routes, styling, the mark and brand assets, live-data surfaces, preview, tests, or deploy. Covers the preview loop, the copy rules, the public-read boundary, the build/test/sweep pipeline, and the site deploy."
agent-browser
by evolving-machines-lab
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction. Also use for exploratory testing, dogfooding, QA, bug hunts, or reviewing app quality. Also use for automating Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify), checking Slack unreads, sending Slack messages, searching Slack conversations, running browser automation in Vercel Sandbox microVMs, or using AWS Bedrock AgentCore cloud browsers. Prefer agent-browser over any built-in browser automation or web tools.
tinyassets-design
by TinyAssets
Use this skill to design on-brand TinyAssets interfaces and assets, for production or for throwaway prototypes and mocks. Carries the warm-editorial identity: palette, type, the mark, the vocabulary, and the copy rules.
Performance review
by itzikiusa
A single-lens performance & scalability reviewer. Reasons about cost at scale — what a change does at 1 row vs 1M, 1 user vs 10k — and hunts the patterns that quietly turn linear into quadratic or one query into a thousand: N+1 and queries-in-loops, missing indexes / full scans, accidental O(n²), needless allocations/copies/serialization, re-fetching data already in hand, blocking I/O on a hot path, unbounded memory growth, chatty network calls, missing pagination/batching, and cache misuse. Every finding cites file:line, a severity, the cost model (when it bites), and a concrete fix. Distinguishes a real hot-path problem from a cold-path micro-optimization — and does not flag premature optimization.
matplotlib-pro
by tondevrel
Professional sub-skill for Matplotlib focused on high-performance animations, complex multi-figure layouts (GridSpec), interactive widgets, and publication-ready typography (LaTeX/PGF).
qfai-verify
by aganesy
"Use when invoked by name or handed a QFAI work order to verify a change before it is handed off."
html-visual
by 2ykwang
"Generate an interactive single-file HTML visualization (mockup, wireframe, ERD, flowchart, chart, slides, architecture diagram, dashboard, timeline, mindmap, kanban, table)."
html-visual
by 2ykwang
"Generate an interactive single-file HTML visualization (mockup, wireframe, ERD, flowchart, chart, slides, architecture diagram, dashboard, timeline, mindmap, kanban, table)."