Disseny
Direcció d’UI/UX, disseny visual i sistemes de disseny
civiltekk-startup-docs-skill
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
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
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
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
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
darellchua2
Build distinctive, production-grade web UI that avoids generic AI aesthetics — components, pages, landing pages, dashboards, any styling task.
construction-bd-skill
darellchua2
Construction business development knowledge — proposal summarization, quotations with cost categories, industry terminology, Atlassian workflows.
experiment-design-review
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
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
TakaGoto
"Write a quick note about what you learned or what confused you"
qfai-sdd
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
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
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."
frontend-design
JinFanZheng
Create distinctive, production-grade frontend interfaces with high design quality. Activate when user needs: "生成网页/创建网页/设计界面/前端设计/UI设计/网页制作/交互式网页". Output: Interactive HTML/CSS/React (web UI, components, dashboards, landing pages). Use for websites, web apps, interactive interfaces, posters with visual impact. NOT for document-style HTML reports (use document-creation for reports/docs).
rialto
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
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
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
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
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
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
tondevrel
Professional sub-skill for Matplotlib focused on high-performance animations, complex multi-figure layouts (GridSpec), interactive widgets, and publication-ready typography (LaTeX/PGF).
create-spec
ralagiya2053
Draft a spec.md for the current feature branch following the SDD workflow. Reads CLAUDE.md for roadmap and conventions, pulls context from the repo, and writes specs/<NNN>-<slug>/spec.md. Stops after spec.md for user review — does NOT create plan.md or tasks.md.
qfai-verify
aganesy
"Use when invoked by name or handed a QFAI work order to verify a change before it is handed off."
html-visual
2ykwang
"Generate an interactive single-file HTML visualization (mockup, wireframe, ERD, flowchart, chart, slides, architecture diagram, dashboard, timeline, mindmap, kanban, table)."