Web & Frontend

ashermahonin Bundle

Review pull requests or local diffs for correctness, regressions, missing tests, security, data safety, API compatibility, migration safety, performance risk, accessibility issues, operational hazards, and documentation drift. Use before merge, push, release, or whenever the user asks for code review, risk review, pre-landing review, or final check.

ashermahonin Bundle

Design or review a web, mobile, desktop, game, CLI, voice, or conversational user experience. Use when a feature changes navigation, interaction, content, onboarding, or screen states. Produce information structure, flows, empty/loading/error/success behaviour, content guidance, accessibility requirements, design constraints, and testable acceptance criteria.

ashermahonin Bundle

Determine which legal, regulatory, contractual, accessibility, platform, and open-source obligations apply to a product. Use when entering a market, processing regulated data, adding payments, children, healthcare, AI, new vendors, or a distribution platform. Produce an evidence-based applicability and gap record; flag interpretation that needs qualified counsel.

ashermahonin Bundle

Design or review localization for a product that supports more than one language or region. Use before visible strings and layouts become difficult to change and before release. Cover source strings, message formats, plural rules, RTL and CJK layouts, glossary, translation workflow, locale-specific QA, accessibility, and distribution listings.

ashermahonin Bundle

Identify the target and runtime platforms, distribution channels, and platform-specific quality constraints for a project. Use after initial project inspection when architecture, testing, accessibility, performance, store policy, or security checks depend on whether the product is web, mobile, desktop, server, game, embedded, CLI, library, or an agent system.

ashermahonin Bundle

Prepare and control a software release across services, stores, registries, packages, or staged rollouts. Use when versioning, provenance, release notes, certification, deployment, monitoring, approval, or rollback must be coordinated. Combine only the quality, security, accessibility, localization, compliance, and operational checks that apply.

ashermahonin Bundle

Audit a user-facing web, mobile, desktop, game, voice, or conversational surface against the accessibility requirements of its target platform. Use during design review and before release. Produce criterion-level evidence from automated and manual checks, assistive-technology results, unresolved barriers, remediation owners, and release impact.

ashermahonin Bundle

Design or review software architecture using system context, container, component, runtime, deployment, data, API, integration, crosscutting concepts, and ADR artifacts. Use before large implementation, service-boundary changes, infrastructure changes, API or data contract changes, migrations, reliability work, security-sensitive design, or architecture artifacts `14-system-context.md` through `22-adr-index.md`.

ashermahonin Bundle

Convert product scope into functional requirements, nonfunctional requirements, measurable quality scenarios, acceptance criteria, and traceable requirement links. Use before architecture or implementation when FR/NFR lists, reliability, security, observability, performance, maintainability, compatibility, accessibility, data-safety, or artifacts `11-functional-requirements.md` through `13-quality-scenarios.md` are needed.

randommonicle Bundle

Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default. It does not impose a look or hand you taste. It removes tells (default shadcn/Tailwind, AI-purple gradients, gradient heading text, unprompted neon glow, emoji-as-icons, the centered hero plus three feature cards) AND the newer cream-plus-serif-plus-sage "tasteful default" that trading one default for another creates. Grounded in a 47-subreddit, 3.2M-post Reddit analysis of what people flag as AI slop. Use whenever building, styling, reviewing, refactoring, or auditing any website, landing page, web app UI, dashboard, or front-end component, especially when the user wants a site to look custom or human rather than AI-generated, or mentions AI slop, looks AI-made, generic, vibe-coded, Tailwind, or shadcn. Trigger even if they never say vibe-coded.

randommonicle Skill

No verdict from a single uncontrolled run. A fix is proven by re-running the case that failed; a component's deadness or value is proven by a with/without comparison on the current system; a surprisingly good result stays a candidate until three consistent datapoints or a controlled before/after diff back it. Triggers when about to declare a fix proven, code dead, a component worthless, an approach impossible, or a result a breakthrough. Does not fire on interpreting a single success signal (verify-the-effect), on check integrity (prove-it-can-fail), or on the epistemic status of second-hand claims (findings-are-evidence).

randommonicle Skill

Serialise shared operations at the single module-level chokepoint every caller passes through, never in per-instance state — and cap fan-out there too. A check-then-act idempotency guard protects sequential retries but loses the race under concurrency. Triggers when adding a lock, in-flight guard, dedupe check, or rate cap where multiple callers, component instances, or loops can invoke the same shared operation, and when writing any internal retry or resume loop over a batch. Does not fire on recording the status of an external send — outbound-side-effect-idempotency owns send-then-record.

tuanloc1105 Bundle

Simplify recently changed code while preserving behavior. Use when the user asks to simplify, clean up, refactor, deduplicate, reduce state or indirection, improve reuse, or make frontend, backend, shared, infrastructure, or test code clearer and smaller in conceptual surface.

tuanloc1105 Bundle

Auto-orchestrating UI design skill that prevents generic AI-generated output. Detects project context and target platform, explicitly asks the user which platforms to design for, resolves brand color direction through user choice or auto-selection, presents curated design style options, and generates a CJX-ready output bundle with html/css/js folders plus frozen foundation tokens for visual consistency. Use when asked for: UI design, landing pages, dashboards, app screens, product pages, onboarding flows, or any visual interface output. Enforces 18 banned patterns and 12 required quality signals inline on every generation.

tuanloc1105 Bundle

Attacker-minded, multi-agent application security review for repositories, pull requests, diffs, APIs, backend/frontend code, infrastructure/config files, CI/CD, cloud/container/IaC, AI/LLM features, and dependency manifests. Use when Codex is asked to scan or review code for OWASP Top 10 risks, authentication bypass, broken access control, IDOR/BOLA, injection, XSS, CSRF, SSRF, security misconfiguration, sensitive data exposure, dependency vulnerabilities, business logic abuse, file handling/path traversal, deserialization, race conditions, DoS/resource exhaustion, supply chain issues, API security, session/token/cookie hardening, monitoring/incident readiness, or hardening topics such as input validation, output encoding, rate limiting, secret management, encryption, logging/audit trails, least privilege, and network segmentation.

tuanloc1105 Bundle

Simplify recently changed code while preserving behavior. Use when the user asks to simplify, clean up, refactor, deduplicate, reduce state or indirection, improve reuse, or make frontend, backend, shared, infrastructure, or test code clearer and smaller in conceptual surface.

tuanloc1105 Bundle

Deliver OCB Backend or web Frontend Developer work from Jira verification through approved planning, implementation, domain-specific verification, LinearB-visible Git delivery, and developer-performed GitLab merge. Use for explicit `$deliver-ocb-change` requests, OCB backend, frontend, or mixed Jira implementation or plan execution, OCB-traceable GitLab MR preparation, and verified merge. Do not use for generic coding advice, Mobile delivery, unrelated Jira administration, deployment, release, self-approval, or generic LinearB reporting.

tuanloc1105 Bundle

Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light themes, optional trace motion, and PNG/JPEG/WebP/SVG/WebM export. Accept plain-language requirements or pasted Mermaid flowchart, sequenceDiagram, and stateDiagram input; inspect repository evidence when the diagram must reflect real code. Use when the user asks to visualize system architecture, infrastructure, cloud/security/network topology, technical workflows, API call sequences, request lifecycles, data pipelines, ETL/ELT, data lineage, state machines, or to convert/beautify Mermaid.

tuanloc1105 Bundle

Simplify recently changed code while preserving behavior. Use when the user asks to simplify, clean up, refactor, deduplicate, reduce state or indirection, improve reuse, or make frontend, backend, shared, infrastructure, or test code clearer and smaller in conceptual surface. Kiro port of the Codex `simplify` skill.

tuanloc1105 Bundle

Simplify recently changed code while preserving behavior. Use when the user asks to simplify, clean up, refactor, deduplicate, reduce state or indirection, improve reuse, or make frontend, backend, shared, infrastructure, or test code clearer and smaller in conceptual surface.

tuanloc1105 Bundle

Deliver OCB Backend or web Frontend Developer work from Jira verification through approved planning, implementation, domain-specific verification, LinearB-visible Git delivery, and developer-performed GitLab merge. Use for explicit `$kiro-deliver-ocb-change` requests, OCB backend, frontend, or mixed Jira implementation or plan execution, OCB-traceable GitLab MR preparation, and verified merge. Do not use for generic coding advice, Mobile delivery, unrelated Jira administration, deployment, release, self-approval, or generic LinearB reporting. Kiro port of the Codex deliver-ocb-change skill.

tuanloc1105 Bundle

Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light themes, optional trace motion, and PNG/JPEG/WebP/SVG/WebM export. Accept plain-language requirements or pasted Mermaid flowchart, sequenceDiagram, and stateDiagram input; inspect repository evidence when the diagram must reflect real code. Use when the user asks to visualize system architecture, infrastructure, cloud/security/network topology, technical workflows, API call sequences, request lifecycles, data pipelines, ETL/ELT, data lineage, state machines, or to convert/beautify Mermaid. Kiro port of the Codex `technical-diagrams` skill.

tuanloc1105 Bundle

Deliver OCB Backend or web Frontend Developer work from Jira verification through approved planning, implementation, domain-specific verification, LinearB-visible Git delivery, and developer-performed GitLab merge. Use for explicit `/deliver-ocb-change` requests, OCB backend, frontend, or mixed Jira implementation or plan execution, OCB-traceable GitLab MR preparation, and verified merge. Do not use for generic coding advice, Mobile delivery, unrelated Jira administration, deployment, release, self-approval, or generic LinearB reporting.

tuanloc1105 Bundle

Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light themes, optional trace motion, and PNG/JPEG/WebP/SVG/WebM export. Accept plain-language requirements or pasted Mermaid flowchart, sequenceDiagram, and stateDiagram input; inspect repository evidence when the diagram must reflect real code. Use when the user asks to visualize system architecture, infrastructure, cloud/security/network topology, technical workflows, API call sequences, request lifecycles, data pipelines, ETL/ELT, data lineage, state machines, or to convert/beautify Mermaid.

cklxx Bundle

When the user needs a presentation → PPT playbook (goal/audience → storyline → layout → accessibility → delivery).

refly-ai Bundle

AI可读性审计工具，模拟AI爬虫视角评估网站对大语言模型的友好程度，分析结构化数据、语义HTML和Meta信息

cacr92 Bundle

Create distinctive, production-grade frontend interfaces with high 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.

cacr92 Skill

当用户要求React/TypeScript组件、Hooks、Ant Design、TanStack Query、Tauri前端联调或前端性能优化时使用。

buldee Skill

Multi-agent orchestration with native Claude Code teams. Use when facing 2+ independent tasks needing parallel work, full-stack features requiring backend+frontend agents, code reviews needing multiple specialist perspectives, or security audits.

buldee Skill

Systematic debugging using ReAct pattern. Use when encountering bugs, errors, unexpected behavior, test failures, or performance issues. Never guess - investigate methodically.

stbenjam Bundle

Rework a frontend with award-winning visual hierarchy, interaction design, polish, originality, and Webby-worthy quality.

ayoubben18 Skill

Analyze a project's architecture end to end — extract domain language, map the tech stack, document frontend and backend patterns. Use when onboarding a new codebase or refreshing the architecture baseline.

ayoubben18 Skill

Analyze and document a project's frontend patterns — component structure, state management, conventions. Use when the user wants a frontend-only architecture analysis.

ishandutta2007 Bundle

Skill: Css Animations

ishandutta2007 Bundle

Skill: Accessibility Audit

affaan-m Skill

Open plans and HTML artifacts in a local browser canvas where the human annotates elements, chats, and approves or requests changes without leaving the page. Use when presenting a plan for review, or when feedback like "move this, change that" is easier pointed at than typed.