Web & Frontend

yogsoth-ai Skill

Empathic identification — become the system/component. First-person embodiment to discover hidden constraints and opportunities.

yogsoth-ai Skill

Component-level surgical operations (subtract/multiply/divide/unify/redirect) from Systematic Inventive Thinking (SIT).

yogsoth-ai Bundle

FMEA Step 3: Decompose artifact into function tree — identify what each component is supposed to do before analyzing how it can fail.

yogsoth-ai Bundle

Execute component surgery operations (subtract/multiply/divide/unify/redirect) from Systematic Inventive Thinking.

pyfagorass Skill

Quality standards for Salesforce Lightning Web Components (LWC), Aura components, and Visualforce pages. Covers SLDS 2 compliance, accessibility (WCAG 2.1 AA), data access pattern selection, component communication rules, XSS prevention, CSRF enforcement, FLS/CRUD in AuraEnabled methods, view state management, and Jest test requirements. Use this skill when building or reviewing any Salesforce UI component to enforce platform-specific security and quality standards.

pyfagorass Skill

Add Uppy Dashboard + Transloadit uploads to a Next.js (App Router) app, with server-side signature generation and optional /s3/store export.

pyfagorass Skill

Add Transloadit Smart CDN URL signing to a Next.js App Router project (server-side signing route + optional client demo page).

cerredz Skill

Use this skill when the user invokes /fmea-trace or asks for a default public reasoning trace using Failure Mode and Effects Analysis. The skill writes a durable scratchpad to root memory/{question_name}.md and uses Failure Mode and Effects Analysis as the actual structure of the analysis. Treat the scale as a rough effort target rather than a fixed quota: around 100 numbered lines or roughly 2,000 to 3,500 tokens of public scratchpad detail. Use this skill when the user wants the answer shaped by systematically identifying how each component can fail and assessing the impact instead of a generic response.

cerredz Skill

Use this skill when the user invokes /fmea-trace-large or asks for a large public reasoning trace using Failure Mode and Effects Analysis. The skill writes a durable scratchpad to root memory/{question_name}.md and uses Failure Mode and Effects Analysis as the actual structure of the analysis. Treat the scale as a rough effort target rather than a fixed quota: around 500 or more numbered lines or roughly 10,000+ tokens of public scratchpad detail. Use this skill when the user wants the answer shaped by systematically identifying how each component can fail and assessing the impact instead of a generic response.

cerredz Skill

Use this skill when the user invokes /fmea-trace-small or asks for a small public reasoning trace using Failure Mode and Effects Analysis. The skill writes a durable scratchpad to root memory/{question_name}.md and uses Failure Mode and Effects Analysis as the actual structure of the analysis. Treat the scale as a rough effort target rather than a fixed quota: around 25 numbered lines or roughly 500 to 900 tokens of public scratchpad detail. Use this skill when the user wants the answer shaped by systematically identifying how each component can fail and assessing the impact instead of a generic response.

cerredz Skill

Use this skill when the user invokes /fmea-trace-medium or asks for a medium public reasoning trace using Failure Mode and Effects Analysis. The skill writes a durable scratchpad to root memory/{question_name}.md and uses Failure Mode and Effects Analysis as the actual structure of the analysis. Treat the scale as a rough effort target rather than a fixed quota: around 100 numbered lines or roughly 2,000 to 3,500 tokens of public scratchpad detail. Use this skill when the user wants the answer shaped by systematically identifying how each component can fail and assessing the impact instead of a generic response.

yogsoth-ai Skill

Decompose system into functional components, identify dependencies, and surface trimming candidates.

yogsoth-ai Bundle

First-person empathic identification with a system or component. Produces experience description and design insights from embodiment.

yogsoth-ai Bundle

Map system architecture to ablatable units for ablation studies

cerredz Skill

Use when the user invokes /paradigm-routing-reasoning or asks to optimize how a problem gets answered. This meta-skill performs two-stage routing: first it routes to the best inference-time paradigm (Direct, CoT, ReAct, Plan-Execute, Reflection, ReCode), then within that paradigm it selects and executes the best-fit Vidbyte strategy. Embeds the Select-then-Solve finding that no single paradigm dominates and that routing before reasoning recovers 37% of the oracle gap.

charlieviettq Skill

Fetch LinkedIn profiles, search people and companies, send messages, manage connections, create posts, react, comment, and run custom LinkedIn workflows from Claude Code, Codex, Cursor, and Windsurf.

charlieviettq Bundle

"Design finalization: generates production-quality Pretext-native HTML/CSS. (gstack)".

charlieviettq Skill

Build and refine web UI—component structure, responsive layout, design tokens, state, and accessibility. Use for feature UI work beyond WCAG checks alone.

cerredz Skill

Use this skill when the user invokes /paradigm-routing-trace or asks for a default public reasoning trace using Paradigm Routing. The skill writes a durable scratchpad to root memory/{question_name}.md and uses paradigm routing as the actual structure of the analysis ΓÇö first routing to the best paradigm among Direct, CoT, ReAct, Plan-Execute, Reflection, and ReCode, then executing within that paradigm. Treat the scale as a rough effort target rather than a fixed quota: around 100 numbered lines or roughly 2,000 to 3,500 tokens of public scratchpad detail. Use this skill when the user wants the answer shaped by paradigm-aware routing rather than a single default reasoning mode.

haibarakiku Bundle

Expert mobile repair technician specializing in smartphone and tablet diagnostics, screen replacement, component-level repair, micro-soldering, water damage treatment, and data recovery

charlieviettq Skill

Create or evaluate an architecture decision record (ADR). Use when choosing between technologies (e.g., Kafka vs SQS), documenting a design decision with trade-offs and consequences, reviewing a system design proposal, or designing a new component from requirements and constraints.

charlieviettq Skill

Build an interactive HTML dashboard with charts, filters, and tables. Use when creating an executive overview with KPI cards, turning query results into a shareable self-contained report, building a team monitoring snapshot, or needing multiple charts with filters in one browser-openable file.

charlieviettq Skill

Research your competitors and build an interactive battlecard. Outputs an HTML artifact with clickable competitor cards and a comparison matrix. Trigger with "competitive intel", "research competitors", "how do we compare to [competitor]", "battlecard for [competitor]", or "what's new with [competitor]".

charlieviettq Skill

The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is a substantial rewrite. Use this v1 install name only if you need exact backward compatibility. Use when exact v1 design-taste behavior is needed for frontend design work.

charlieviettq Skill

Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code. Use when generating premium mobile app screen concepts or flow reference images.

charlieviettq Bundle

Build accessible UI—semantic HTML, keyboard support, ARIA when needed, WCAG-oriented checks. Use when implementing or reviewing web UI, forms, modals, and design systems.

charlieviettq Skill

Ground framework and library decisions in official documentation—detect versions, fetch relevant docs, cite sources, flag unverified patterns. Use when API correctness matters for React, Next.js, Python libs, cloud SDKs, or unfamiliar stacks.

charlieviettq Skill

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS. Use when auditing and upgrading an existing website or app UI without breaking functionality.

charlieviettq Skill

Verify web apps with browser DevTools—DOM, console, network, performance, and accessibility at runtime. Use with Chrome DevTools MCP or headless browser tools.

charlieviettq Skill

Design consistent error handling across web, mobile, and React Native—central handlers, user-facing copy, retry, and logging.

openclaw-commons Skill

Emotion Css

openclaw-commons Skill

Linaria Css

openclaw-commons Skill

Vue Starter

openaccountants Skill

> US GAAP lease accounting under ASC 842 (Leases). Covers the lessee dual model — every lease (other than short-term) puts a right-of-use asset and a lease liability on the balance sheet, then splits into finance leases (front-loaded interest + straight-line ROU amortization) versus operating leases (a single straight-line total lease cost). Covers lease identification and the finance-versus-operating classification criteria, initial and subsequent measurement, the discount rate, short-term and component elections, variable lease payments, remeasurement and reassessment triggers, modifications, the lessor model (sales-type, direct financing, operating), and sale-leaseback. Produces classification conclusions, journal entries, and a reviewer brief. Issued as the US GAAP edition of the leases topic; see ifrs16-leases for the IFRS edition. MUST load alongside financial-reporting-workflow-base.

openaccountants Skill

Use this skill whenever asked about Swedish self-employed social contributions (egenavgifter). Trigger on phrases like "egenavgifter", "Swedish self-employed contributions", "F-skatt", "Swedish social insurance", "Skatteverket egenavgifter", "enskild firma avgifter", or any question about social contribution obligations for a self-employed client in Sweden. Covers the ~28.97% combined rate, component breakdown, age-based reductions, and deductibility. ALWAYS read this skill before touching any Sweden social contributions work.

openclaw-commons Skill

Frontend Design