Coding & Development

alfathafp/portofolio-web-design

github.com

Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.

$ npx skills add alfathafp/portofolio-web-design
View skill→

alfathafp/portofolio-web-design

github.com

Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies

$ npx skills add alfathafp/portofolio-web-design
View skill→

alfathafp/portofolio-web-design

github.com

Subjects every non-trivial decision to a fresh-context adversarial review before it stands. Use when you want every assumption cross-examined before proceeding, when stress-testing a plan for hidden failure modes, when correctness matters more than speed, when working in unfamiliar code, when stakes are high (production auth, security-sensitive logic, a high-stakes migration, irreversible operations), or any time a confident output would be cheaper to verify now than to debug later.

$ npx skills add alfathafp/portofolio-web-design
View skill→

alfathafp/portofolio-web-design

github.com

Records decisions and documentation. Use when you need to document an architecture decision (ADR) or the reasoning behind a design choice, when changing public APIs, shipping features, or when you need to record context that future engineers and agents will need to understand the codebase.

$ npx skills add alfathafp/portofolio-web-design
View skill→

alfathafp/portofolio-web-design

github.com

Use when a superpowers session went wrong and your human partner wants to know why — repeated work, ignored plans, stumbles, poor results, a skill that didn't fire, "it took too long", "why is it so expensive", "what is it doing" — or wants to build a bug report for the superpowers maintainers, for the current session or a past one identified by id or path, on any harness.

$ npx skills add alfathafp/portofolio-web-design
View skill→

alfathafp/portofolio-web-design

github.com

Use when executing an implementation plan in the current session as the implementer yourself — your human partner chose inline execution, or no subagent tool is available

$ npx skills add alfathafp/portofolio-web-design
View skill→

alfathafp/portofolio-web-design

github.com

Manages deprecation and migration. Use when removing old systems, APIs, or features. Use when migrating users from one implementation to another. Use when migrating a database schema in production, such as renaming or dropping a column without downtime (expand/contract). Use when deciding whether to maintain or sunset existing code.

$ npx skills add alfathafp/portofolio-web-design
View skill→

alfathafp/portofolio-web-design

github.com

Simplifies code for clarity. Use when refactoring code for clarity without changing behavior. Use when code works but is harder to read, maintain, or extend than it should be. Use when reviewing code that has accumulated unnecessary complexity.

$ npx skills add alfathafp/portofolio-web-design
View skill→

alfathafp/portofolio-web-design

github.com

Automates CI/CD pipeline setup. Use when setting up or modifying build and deployment pipelines. Use when you need to automate quality gates, configure test runners in CI, or establish deployment strategies.

$ npx skills add alfathafp/portofolio-web-design
View skill→

alfathafp/portofolio-web-design

github.com

Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".

$ npx skills add alfathafp/portofolio-web-design
View skill→

alfathafp/portofolio-web-design

github.com

Guides systematic root-cause debugging. Use when tests fail, builds break, something that worked yesterday broke, behavior doesn't match expectations, or you encounter any unexpected error. Use when you need to figure out what broke and why — a systematic approach to finding and fixing the root cause rather than guessing.

$ npx skills add alfathafp/portofolio-web-design
View skill→

alfathafp/portofolio-web-design

github.com

Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.

$ npx skills add alfathafp/portofolio-web-design
View skill→

alfathafp/portofolio-web-design

github.com

Optimizes agent context setup. Use when starting a new session, when agent output quality degrades, when switching between tasks, or when you need to configure rules files and context for a project.

$ npx skills add alfathafp/portofolio-web-design
View skill→

alfathafp/portofolio-web-design

github.com

Conducts multi-axis code review. Use before merging any change. Use when reviewing code written by yourself, another agent, or a human. Use when you need to assess code quality across multiple dimensions before it enters the main branch. Use when asked to review a diff or a pull request, even when the diff is pasted inline.

$ npx skills add alfathafp/portofolio-web-design
View skill→

alfathafp/portofolio-web-design

github.com

Establishes a project's quality bar as a written contract and stops agents quietly lowering it. Interviews the user on which dimensions matter, supplies sane default thresholds when they have no number in mind, records everything in CONSTRAINTS.md, and watches the diff for a weakened bar — new @ts-ignore or eslint-disable suppressions, skipped or deleted tests, assertions stripped out, unimplemented stubs, thresholds edited down. Use when no quality bar is written down, when the user says "set up constraints" or "define our standards", when the user wants dimensions they care about — accessibility, web performance, coverage — set up as enforced constraints, when an agent keeps silencing checks or skipping tests to get to green, when you need a coverage or performance threshold and don't know what number to pick, or when an agent writes more code than anyone will read.

$ npx skills add alfathafp/portofolio-web-design
View skill→

alfathafp/portofolio-web-design

github.com

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or planning anything new, in software or out of it (a talk, a business, a renovation).

$ npx skills add alfathafp/portofolio-web-design
View skill→

alfathafp/portofolio-web-design

github.com

Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.

$ npx skills add alfathafp/portofolio-web-design
View skill→

mianhtsys/landingMod3

github.com

SQL Server security and authentication end-to-end: authentication modes (Windows/Active Directory with Kerberos and SPNs, SQL authentication, Microsoft Entra ID / Azure AD, certificate and contained-database auth), authorization (principals, securables, the permission hierarchy, fixed and user-defined roles, schemas, least privilege), encryption (TDE, Always Encrypted with secure enclaves, TLS in transit, backup and cell-level encryption), Row-Level Security, Dynamic Data Masking, SQL Server Audit, ledger, and surface-area hardening. WHEN: \"authentication\", \"Windows auth\", \"SQL auth\", \"mixed mode\", \"Entra ID\", \"Azure AD auth\", \"Kerberos\", \"SPN\", \"double hop\", \"login\", \"orphaned user\", \"permission\", \"GRANT\", \"DENY\", \"role\", \"least privilege\", \"sysadmin\", \"sa account\", \"TDE\", \"Always Encrypted\", \"secure enclave\", \"TLS\", \"encrypt connection\", \"row-level security\", \"dynamic data masking\", \"SQL Server Audit\", \"ledger\", \"hardening\", \"xp_cmdshell\".

$ npx skills add mianhtsys/landingMod3
View skill→

goukiyang/model-task-routing-skills

github.com

实施、修改或交付时,选择最短有效执行路径并完成 Implement、Verify、Review。

$ npx skills add goukiyang/model-task-routing-skills
View skill→

mianhtsys/landingMod3

github.com

SQL Server development and performance engineering: T-SQL best practices, indexing strategy (clustered, nonclustered, columnstore, filtered, covering/included), execution plans, query optimization, statistics and the cardinality estimator, parameter sniffing mitigation, partitioning, In-Memory OLTP, temporal tables, data compression, and schema design. WHEN: \"T-SQL\", \"write a query\", \"index\", \"covering index\", \"columnstore\", \"execution plan\", \"query plan\", \"query tuning\", \"optimize query\", \"SARGable\", \"cardinality estimator\", \"statistics\", \"parameter sniffing\", \"OPTION RECOMPILE\", \"partitioning\", \"In-Memory OLTP\", \"temporal table\", \"stored procedure\", \"schema design\", \"data type\", \"normalization\".

$ npx skills add mianhtsys/landingMod3
View skill→

mianhtsys/landingMod3

github.com

PHP 8.0+ development — XAMPP, RESTful APIs, PDO/MySQL/MariaDB, and authentication. Use when building PHP backends, creating API endpoints, configuring XAMPP, or integrating PHP with databases.

$ npx skills add mianhtsys/landingMod3
View skill→

mianhtsys/landingMod3

github.com

Design robust, scalable database schemas for SQL and NoSQL databases. Provides normalization guidelines, indexing strategies, migration patterns, constraint design, and performance optimization. Ensures data integrity, query performance, and maintainable data models.

$ npx skills add mianhtsys/landingMod3
View skill→

mianhtsys/landingMod3

github.com

Analiza requisitos funcionales y no funcionales, reglas, restricciones, capacidad y ambigüedades antes de seleccionar tecnologías.

$ npx skills add mianhtsys/landingMod3
View skill→

mianhtsys/landingMod3

github.com

Master authentication and authorization patterns including JWT, OAuth2, session management, and RBAC to build secure, scalable access control systems. Use when implementing auth systems, securing APIs, or debugging security issues.

$ npx skills add mianhtsys/landingMod3
View skill→