codeply-cli 0.3.1 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/THIRD_PARTY_NOTICES.md +63 -63
- package/bin/codeply.js +127 -0
- package/lib/agent.mjs +2139 -2139
- package/lib/ai.mjs +6 -6
- package/lib/apply-patch.js +217 -217
- package/lib/arity-table.json +138 -138
- package/lib/arity.js +70 -70
- package/lib/auth.mjs +6 -6
- package/lib/cloud.mjs +796 -0
- package/lib/commands.js +103 -103
- package/lib/design-library/assemble-artifact.mjs +21 -21
- package/lib/design-library/cleanup.mjs +45 -45
- package/lib/design-library/index.json +22379 -22379
- package/lib/design-library/make-table-data.mjs +39 -39
- package/lib/diagnostics.js +192 -192
- package/lib/edit-engine.js +364 -364
- package/lib/github-agent.mjs +311 -307
- package/lib/history.js +75 -75
- package/lib/mcp.js +258 -258
- package/lib/native-tools.mjs +189 -189
- package/lib/oauth-connectors.js +2 -1
- package/lib/permissions.js +109 -109
- package/lib/plugins.js +353 -353
- package/lib/server.mjs +457 -457
- package/lib/session-db.js +220 -220
- package/lib/share.js +168 -168
- package/lib/skills.js +416 -416
- package/lib/snapshot.js +146 -146
- package/lib/terminal-hints.js +154 -154
- package/lib/tools.mjs +2012 -2012
- package/lib/typecheck-worker.js +147 -147
- package/lib/web-tools.js +158 -158
- package/package.json +49 -47
- package/skills/SOURCE.md +58 -58
- package/skills/accessibility/SKILL.md +147 -147
- package/skills/agent-architecture-audit/SKILL.md +257 -257
- package/skills/agent-eval/SKILL.md +147 -147
- package/skills/agent-harness-construction/SKILL.md +74 -74
- package/skills/agent-introspection-debugging/SKILL.md +154 -154
- package/skills/agent-payment-x402/SKILL.md +225 -225
- package/skills/agent-self-evaluation/SKILL.md +182 -182
- package/skills/agent-self-evaluation/references/evaluation-criteria.md +71 -71
- package/skills/agent-self-evaluation/references/hook-integration.md +64 -64
- package/skills/agent-sort/SKILL.md +216 -216
- package/skills/agentic-engineering/SKILL.md +64 -64
- package/skills/agentic-os/SKILL.md +388 -388
- package/skills/ai-first-engineering/SKILL.md +52 -52
- package/skills/ai-regression-testing/SKILL.md +386 -386
- package/skills/android-clean-architecture/SKILL.md +340 -340
- package/skills/angular-developer/SKILL.md +155 -155
- package/skills/angular-developer/references/angular-animations.md +160 -160
- package/skills/angular-developer/references/angular-aria.md +410 -410
- package/skills/angular-developer/references/cli.md +86 -86
- package/skills/angular-developer/references/component-harnesses.md +59 -59
- package/skills/angular-developer/references/component-styling.md +91 -91
- package/skills/angular-developer/references/components.md +117 -117
- package/skills/angular-developer/references/creating-services.md +97 -97
- package/skills/angular-developer/references/data-resolvers.md +69 -69
- package/skills/angular-developer/references/define-routes.md +67 -67
- package/skills/angular-developer/references/defining-providers.md +72 -72
- package/skills/angular-developer/references/di-fundamentals.md +120 -120
- package/skills/angular-developer/references/e2e-testing.md +56 -56
- package/skills/angular-developer/references/effects.md +83 -83
- package/skills/angular-developer/references/hierarchical-injectors.md +43 -43
- package/skills/angular-developer/references/host-elements.md +80 -80
- package/skills/angular-developer/references/injection-context.md +63 -63
- package/skills/angular-developer/references/inputs.md +101 -101
- package/skills/angular-developer/references/linked-signal.md +59 -59
- package/skills/angular-developer/references/loading-strategies.md +61 -61
- package/skills/angular-developer/references/mcp.md +108 -108
- package/skills/angular-developer/references/navigate-to-routes.md +69 -69
- package/skills/angular-developer/references/outputs.md +86 -86
- package/skills/angular-developer/references/reactive-forms.md +122 -122
- package/skills/angular-developer/references/rendering-strategies.md +44 -44
- package/skills/angular-developer/references/resource.md +77 -77
- package/skills/angular-developer/references/route-animations.md +56 -56
- package/skills/angular-developer/references/route-guards.md +52 -52
- package/skills/angular-developer/references/router-lifecycle.md +45 -45
- package/skills/angular-developer/references/router-testing.md +87 -87
- package/skills/angular-developer/references/show-routes-with-outlets.md +68 -68
- package/skills/angular-developer/references/signal-forms.md +795 -795
- package/skills/angular-developer/references/signals-overview.md +94 -94
- package/skills/angular-developer/references/tailwind-css.md +69 -69
- package/skills/angular-developer/references/template-driven-forms.md +114 -114
- package/skills/angular-developer/references/testing-fundamentals.md +65 -65
- package/skills/api-connector-builder/SKILL.md +121 -121
- package/skills/api-design/SKILL.md +524 -524
- package/skills/architecture-decision-records/SKILL.md +180 -180
- package/skills/article-writing/SKILL.md +80 -80
- package/skills/automation-audit-ops/SKILL.md +143 -143
- package/skills/autonomous-agent-harness/SKILL.md +274 -274
- package/skills/autonomous-loops/SKILL.md +611 -611
- package/skills/backend-patterns/SKILL.md +562 -562
- package/skills/benchmark/SKILL.md +95 -95
- package/skills/benchmark-methodology/SKILL.md +191 -191
- package/skills/benchmark-optimization-loop/SKILL.md +71 -71
- package/skills/blender-motion-state-inspection/SKILL.md +165 -165
- package/skills/blueprint/SKILL.md +106 -106
- package/skills/brand-discovery/SKILL.md +145 -145
- package/skills/brand-discovery/references/10_purpose-why.md +40 -40
- package/skills/brand-discovery/references/20_positioning.md +44 -44
- package/skills/brand-discovery/references/30_audience-niche.md +52 -52
- package/skills/brand-discovery/references/40_personality-archetype.md +57 -57
- package/skills/brand-discovery/references/50_voice-tone.md +59 -59
- package/skills/brand-discovery/references/60_narrative-story.md +50 -50
- package/skills/brand-discovery/references/70_founder-tension.md +49 -49
- package/skills/brand-discovery/references/90_SYNTHESIS.md +133 -133
- package/skills/brand-voice/SKILL.md +98 -98
- package/skills/brand-voice/references/voice-profile-schema.md +55 -55
- package/skills/browser-qa/SKILL.md +105 -105
- package/skills/bun-runtime/SKILL.md +85 -85
- package/skills/canary-watch/SKILL.md +108 -108
- package/skills/carrier-relationship-management/SKILL.md +212 -212
- package/skills/cisco-ios-patterns/SKILL.md +164 -164
- package/skills/ck/SKILL.md +148 -148
- package/skills/claude-devfleet/SKILL.md +112 -112
- package/skills/click-path-audit/SKILL.md +245 -245
- package/skills/clickhouse-io/SKILL.md +445 -445
- package/skills/code-tour/SKILL.md +254 -254
- package/skills/codebase-onboarding/SKILL.md +234 -234
- package/skills/codehealth-mcp/SKILL.md +167 -167
- package/skills/coding-standards/SKILL.md +551 -551
- package/skills/competitive-platform-analysis/SKILL.md +214 -214
- package/skills/competitive-report-structure/SKILL.md +162 -162
- package/skills/compose-multiplatform-patterns/SKILL.md +300 -300
- package/skills/config-gc/SKILL.md +120 -120
- package/skills/configure-ecc/SKILL.md +385 -385
- package/skills/connections-optimizer/SKILL.md +190 -190
- package/skills/content-engine/SKILL.md +132 -132
- package/skills/content-hash-cache-pattern/SKILL.md +162 -162
- package/skills/context-budget/SKILL.md +136 -136
- package/skills/continuous-agent-loop/SKILL.md +46 -46
- package/skills/continuous-learning/SKILL.md +132 -132
- package/skills/continuous-learning-v2/SKILL.md +361 -361
- package/skills/contract-first/SKILL.md +287 -287
- package/skills/cost-aware-llm-pipeline/SKILL.md +184 -184
- package/skills/cost-tracking/SKILL.md +97 -97
- package/skills/council/SKILL.md +204 -204
- package/skills/cpp-coding-standards/SKILL.md +724 -724
- package/skills/cpp-testing/SKILL.md +325 -325
- package/skills/crosspost/SKILL.md +112 -112
- package/skills/csharp-testing/SKILL.md +322 -322
- package/skills/customer-billing-ops/SKILL.md +141 -141
- package/skills/customs-trade-compliance/SKILL.md +263 -263
- package/skills/dart-flutter-patterns/SKILL.md +564 -564
- package/skills/dashboard-builder/SKILL.md +109 -109
- package/skills/data-scraper-agent/SKILL.md +765 -765
- package/skills/data-throughput-accelerator/SKILL.md +74 -74
- package/skills/database-migrations/SKILL.md +430 -430
- package/skills/deep-research/SKILL.md +160 -160
- package/skills/defi-amm-security/SKILL.md +167 -167
- package/skills/delivery-gate/SKILL.md +126 -126
- package/skills/deployment-patterns/SKILL.md +428 -428
- package/skills/design-system/SKILL.md +83 -83
- package/skills/django-celery/SKILL.md +458 -458
- package/skills/django-patterns/SKILL.md +735 -735
- package/skills/django-security/SKILL.md +644 -644
- package/skills/django-tdd/SKILL.md +730 -730
- package/skills/django-verification/SKILL.md +470 -470
- package/skills/dmux-workflows/SKILL.md +192 -192
- package/skills/docker-patterns/SKILL.md +365 -365
- package/skills/documentation-lookup/SKILL.md +91 -91
- package/skills/dotnet-patterns/SKILL.md +322 -322
- package/skills/dynamic-workflow-mode/SKILL.md +124 -124
- package/skills/e2e-testing/SKILL.md +327 -327
- package/skills/ecc-guide/SKILL.md +190 -190
- package/skills/ecc-recipes/SKILL.md +149 -149
- package/skills/ecc-tools-cost-audit/SKILL.md +161 -161
- package/skills/email-ops/SKILL.md +122 -122
- package/skills/energy-procurement/SKILL.md +228 -228
- package/skills/enterprise-agent-ops/SKILL.md +51 -51
- package/skills/error-handling/SKILL.md +377 -377
- package/skills/eval-harness/SKILL.md +271 -271
- package/skills/evm-token-decimals/SKILL.md +131 -131
- package/skills/exa-search/SKILL.md +108 -108
- package/skills/fal-ai-media/SKILL.md +289 -289
- package/skills/fastapi-patterns/SKILL.md +514 -514
- package/skills/finance-billing-ops/SKILL.md +128 -128
- package/skills/flox-environments/SKILL.md +497 -497
- package/skills/flutter-dart-code-review/SKILL.md +436 -436
- package/skills/foundation-models-on-device/SKILL.md +243 -243
- package/skills/frontend-a11y/SKILL.md +446 -446
- package/skills/frontend-design-direction/SKILL.md +93 -93
- package/skills/frontend-patterns/SKILL.md +657 -657
- package/skills/frontend-slides/SKILL.md +185 -185
- package/skills/fsharp-testing/SKILL.md +281 -281
- package/skills/gan-style-harness/SKILL.md +279 -279
- package/skills/gateguard/SKILL.md +133 -133
- package/skills/generating-python-installer/SKILL.md +820 -820
- package/skills/git-workflow/SKILL.md +716 -716
- package/skills/github-ops/SKILL.md +145 -145
- package/skills/golang-patterns/SKILL.md +676 -676
- package/skills/golang-testing/SKILL.md +721 -721
- package/skills/google-workspace-ops/SKILL.md +96 -96
- package/skills/growth-log/SKILL.md +128 -128
- package/skills/healthcare-cdss-patterns/SKILL.md +246 -246
- package/skills/healthcare-emr-patterns/SKILL.md +160 -160
- package/skills/healthcare-eval-harness/SKILL.md +208 -208
- package/skills/healthcare-phi-compliance/SKILL.md +146 -146
- package/skills/hermes-imports/SKILL.md +89 -89
- package/skills/hexagonal-architecture/SKILL.md +277 -277
- package/skills/hipaa-compliance/SKILL.md +79 -79
- package/skills/homelab-network-readiness/SKILL.md +170 -170
- package/skills/homelab-network-setup/SKILL.md +130 -130
- package/skills/homelab-pihole-dns/SKILL.md +275 -275
- package/skills/homelab-vlan-segmentation/SKILL.md +312 -312
- package/skills/homelab-wireguard-vpn/SKILL.md +306 -306
- package/skills/hookify-rules/SKILL.md +128 -128
- package/skills/inherit-legacy-style/SKILL.md +157 -157
- package/skills/intent-driven-development/SKILL.md +360 -360
- package/skills/inventory-demand-planning/SKILL.md +247 -247
- package/skills/investor-materials/SKILL.md +97 -97
- package/skills/investor-outreach/SKILL.md +92 -92
- package/skills/ios-icon-gen/SKILL.md +158 -158
- package/skills/iterative-retrieval/SKILL.md +212 -212
- package/skills/ito-basket-compare/SKILL.md +64 -64
- package/skills/ito-compute/SKILL.md +129 -129
- package/skills/ito-data-atlas-agent/SKILL.md +64 -64
- package/skills/ito-market-intelligence/SKILL.md +61 -61
- package/skills/ito-trade-planner/SKILL.md +68 -68
- package/skills/java-coding-standards/SKILL.md +384 -384
- package/skills/jira-integration/SKILL.md +303 -303
- package/skills/jpa-patterns/SKILL.md +152 -152
- package/skills/knowledge-ops/SKILL.md +155 -155
- package/skills/kotlin-coroutines-flows/SKILL.md +285 -285
- package/skills/kotlin-exposed-patterns/SKILL.md +720 -720
- package/skills/kotlin-ktor-patterns/SKILL.md +690 -690
- package/skills/kotlin-patterns/SKILL.md +712 -712
- package/skills/kotlin-testing/SKILL.md +825 -825
- package/skills/kubernetes-patterns/SKILL.md +756 -756
- package/skills/laravel-patterns/SKILL.md +416 -416
- package/skills/laravel-plugin-discovery/SKILL.md +230 -230
- package/skills/laravel-security/SKILL.md +948 -948
- package/skills/laravel-tdd/SKILL.md +675 -675
- package/skills/laravel-verification/SKILL.md +180 -180
- package/skills/latency-critical-systems/SKILL.md +75 -75
- package/skills/lead-intelligence/SKILL.md +322 -322
- package/skills/liquid-glass-design/SKILL.md +279 -279
- package/skills/llm-trading-agent-security/SKILL.md +147 -147
- package/skills/logistics-exception-management/SKILL.md +222 -222
- package/skills/loop-design-check/SKILL.md +143 -143
- package/skills/mailtrap-email-integration/SKILL.md +77 -77
- package/skills/make-interfaces-feel-better/SKILL.md +152 -152
- package/skills/manim-video/SKILL.md +90 -90
- package/skills/market-research/SKILL.md +76 -76
- package/skills/marketing-campaign/SKILL.md +114 -114
- package/skills/mcp-server-patterns/SKILL.md +70 -70
- package/skills/messages-ops/SKILL.md +105 -105
- package/skills/ml-adoption-playbook/SKILL.md +57 -57
- package/skills/mle-workflow/SKILL.md +348 -348
- package/skills/motion-advanced/SKILL.md +596 -596
- package/skills/motion-foundations/SKILL.md +299 -299
- package/skills/motion-patterns/SKILL.md +434 -434
- package/skills/motion-ui/SKILL.md +576 -576
- package/skills/mysql-patterns/SKILL.md +413 -413
- package/skills/nanoclaw-repl/SKILL.md +34 -34
- package/skills/nestjs-patterns/SKILL.md +231 -231
- package/skills/netmiko-ssh-automation/SKILL.md +174 -174
- package/skills/network-bgp-diagnostics/SKILL.md +168 -168
- package/skills/network-config-validation/SKILL.md +211 -211
- package/skills/network-interface-health/SKILL.md +153 -153
- package/skills/nextjs-turbopack/SKILL.md +58 -58
- package/skills/nodejs-keccak256/SKILL.md +103 -103
- package/skills/nutrient-document-processing/SKILL.md +168 -168
- package/skills/nuxt4-patterns/SKILL.md +101 -101
- package/skills/openclaw-persona-forge/SKILL.md +289 -289
- package/skills/openclaw-persona-forge/references/avatar-style.md +124 -124
- package/skills/openclaw-persona-forge/references/boundary-rules.md +53 -53
- package/skills/openclaw-persona-forge/references/error-handling.md +53 -53
- package/skills/openclaw-persona-forge/references/identity-tension.md +48 -48
- package/skills/openclaw-persona-forge/references/naming-system.md +39 -39
- package/skills/openclaw-persona-forge/references/output-template.md +166 -166
- package/skills/opensource-pipeline/SKILL.md +256 -256
- package/skills/orch-add-feature/SKILL.md +45 -45
- package/skills/orch-build-mvp/SKILL.md +49 -49
- package/skills/orch-change-feature/SKILL.md +43 -43
- package/skills/orch-fix-defect/SKILL.md +43 -43
- package/skills/orch-pipeline/SKILL.md +121 -121
- package/skills/orch-refine-code/SKILL.md +44 -44
- package/skills/parallel-execution-optimizer/SKILL.md +74 -74
- package/skills/perl-patterns/SKILL.md +505 -505
- package/skills/perl-security/SKILL.md +504 -504
- package/skills/perl-testing/SKILL.md +476 -476
- package/skills/plan-canvas/SKILL.md +153 -153
- package/skills/plan-orchestrate/SKILL.md +263 -263
- package/skills/plankton-code-quality/SKILL.md +237 -237
- package/skills/postgres-patterns/SKILL.md +148 -148
- package/skills/prediction-market-oracle-research/SKILL.md +64 -64
- package/skills/prediction-market-risk-review/SKILL.md +61 -61
- package/skills/premium-web-design/SKILL.md +154 -154
- package/skills/prisma-patterns/SKILL.md +401 -401
- package/skills/product-capability/SKILL.md +142 -142
- package/skills/product-lens/SKILL.md +93 -93
- package/skills/production-audit/SKILL.md +207 -207
- package/skills/production-scheduling/SKILL.md +238 -238
- package/skills/project-flow-ops/SKILL.md +112 -112
- package/skills/prompt-optimizer/SKILL.md +398 -398
- package/skills/python-patterns/SKILL.md +751 -751
- package/skills/python-testing/SKILL.md +817 -817
- package/skills/pytorch-patterns/SKILL.md +397 -397
- package/skills/quality-nonconformance/SKILL.md +260 -260
- package/skills/quarkus-patterns/SKILL.md +723 -723
- package/skills/quarkus-security/SKILL.md +468 -468
- package/skills/quarkus-tdd/SKILL.md +812 -812
- package/skills/quarkus-verification/SKILL.md +480 -480
- package/skills/ralphinho-rfc-pipeline/SKILL.md +68 -68
- package/skills/react-native-patterns/SKILL.md +326 -326
- package/skills/react-patterns/SKILL.md +342 -342
- package/skills/react-performance/SKILL.md +575 -575
- package/skills/react-testing/SKILL.md +424 -424
- package/skills/recsys-pipeline-architect/SKILL.md +115 -115
- package/skills/recursive-decision-ledger/SKILL.md +81 -81
- package/skills/redis-patterns/SKILL.md +404 -404
- package/skills/regex-vs-llm-structured-text/SKILL.md +221 -221
- package/skills/remotion-video-creation/SKILL.md +43 -43
- package/skills/repo-scan/SKILL.md +79 -79
- package/skills/research-ops/SKILL.md +113 -113
- package/skills/returns-reverse-logistics/SKILL.md +240 -240
- package/skills/rules-distill/SKILL.md +265 -265
- package/skills/rust-patterns/SKILL.md +500 -500
- package/skills/rust-testing/SKILL.md +501 -501
- package/skills/safety-guard/SKILL.md +76 -76
- package/skills/santa-method/SKILL.md +307 -307
- package/skills/scientific-db-pubmed-database/SKILL.md +176 -176
- package/skills/scientific-db-uspto-database/SKILL.md +178 -178
- package/skills/scientific-pkg-gget/SKILL.md +167 -167
- package/skills/scientific-thinking-literature-review/SKILL.md +193 -193
- package/skills/scientific-thinking-scholar-evaluation/SKILL.md +161 -161
- package/skills/search-first/SKILL.md +183 -183
- package/skills/security-bounty-hunter/SKILL.md +100 -100
- package/skills/security-review/SKILL.md +504 -504
- package/skills/security-scan/SKILL.md +166 -166
- package/skills/seo/SKILL.md +155 -155
- package/skills/skill-comply/SKILL.md +59 -59
- package/skills/skill-scout/SKILL.md +141 -141
- package/skills/skill-stocktake/SKILL.md +195 -195
- package/skills/social-graph-ranker/SKILL.md +155 -155
- package/skills/social-publisher/SKILL.md +130 -130
- package/skills/springboot-patterns/SKILL.md +315 -315
- package/skills/springboot-security/SKILL.md +273 -273
- package/skills/springboot-tdd/SKILL.md +159 -159
- package/skills/springboot-verification/SKILL.md +232 -232
- package/skills/strategic-compact/SKILL.md +142 -142
- package/skills/swift-actor-persistence/SKILL.md +144 -144
- package/skills/swift-concurrency-6-2/SKILL.md +216 -216
- package/skills/swift-protocol-di-testing/SKILL.md +191 -191
- package/skills/swiftui-patterns/SKILL.md +259 -259
- package/skills/taste/SKILL.md +264 -264
- package/skills/taste/references/genre-taxonomy.md +87 -87
- package/skills/tdd-workflow/SKILL.md +583 -583
- package/skills/team-agent-orchestration/SKILL.md +111 -111
- package/skills/team-builder/SKILL.md +169 -169
- package/skills/terminal-ops/SKILL.md +110 -110
- package/skills/tinystruct-patterns/SKILL.md +279 -279
- package/skills/tinystruct-patterns/references/architecture.md +90 -90
- package/skills/tinystruct-patterns/references/data-handling.md +60 -60
- package/skills/tinystruct-patterns/references/database.md +99 -99
- package/skills/tinystruct-patterns/references/routing.md +64 -64
- package/skills/tinystruct-patterns/references/system-usage.md +97 -97
- package/skills/tinystruct-patterns/references/testing.md +72 -72
- package/skills/token-budget-advisor/SKILL.md +134 -134
- package/skills/ui-demo/SKILL.md +466 -466
- package/skills/ui-to-vue/SKILL.md +135 -135
- package/skills/uncloud/SKILL.md +344 -344
- package/skills/unified-memory/SKILL.md +170 -170
- package/skills/unified-notifications-ops/SKILL.md +188 -188
- package/skills/verification-loop/SKILL.md +129 -129
- package/skills/video-editing/SKILL.md +311 -311
- package/skills/videodb/SKILL.md +375 -375
- package/skills/visa-doc-translate/SKILL.md +117 -117
- package/skills/vite-patterns/SKILL.md +450 -450
- package/skills/vue-patterns/SKILL.md +471 -471
- package/skills/windows-desktop-e2e/SKILL.md +888 -888
- package/skills/workspace-surface-audit/SKILL.md +126 -126
- package/skills/x-api/SKILL.md +235 -235
package/package.json
CHANGED
|
@@ -1,47 +1,49 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "codeply-cli",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"description": "Codeply from the terminal: an interactive AI coding agent, a local server (codeply serve), and a GitHub agent that runs in your own Actions runner.",
|
|
5
|
-
"main": "bin/codeply.js",
|
|
6
|
-
"bin": {
|
|
7
|
-
"codeply": "bin/codeply.js"
|
|
8
|
-
},
|
|
9
|
-
"files": [
|
|
10
|
-
"bin",
|
|
11
|
-
"lib",
|
|
12
|
-
"skills",
|
|
13
|
-
"THIRD_PARTY_NOTICES.md"
|
|
14
|
-
],
|
|
15
|
-
"engines": {
|
|
16
|
-
"node": ">=18"
|
|
17
|
-
},
|
|
18
|
-
"scripts": {
|
|
19
|
-
"start": "node bin/codeply.js"
|
|
20
|
-
},
|
|
21
|
-
"keywords": [
|
|
22
|
-
"codeply",
|
|
23
|
-
"ai",
|
|
24
|
-
"cli",
|
|
25
|
-
"coding-agent",
|
|
26
|
-
"code-editor"
|
|
27
|
-
],
|
|
28
|
-
"repository": {
|
|
29
|
-
"type": "git",
|
|
30
|
-
"url": "git+https://github.com/AwaisSDev/codeply-cli.git"
|
|
31
|
-
},
|
|
32
|
-
"homepage": "https://codeply.online",
|
|
33
|
-
"bugs": {
|
|
34
|
-
"email": "hello@codeply.online"
|
|
35
|
-
},
|
|
36
|
-
"author": "Codeply",
|
|
37
|
-
"license": "
|
|
38
|
-
"dependencies": {
|
|
39
|
-
"@supabase/supabase-js": "^2.45.0",
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"ink
|
|
43
|
-
"
|
|
44
|
-
"marked
|
|
45
|
-
"
|
|
46
|
-
|
|
47
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "codeply-cli",
|
|
3
|
+
"version": "0.4.1",
|
|
4
|
+
"description": "Codeply from the terminal: an interactive AI coding agent, a local server (codeply serve), and a GitHub agent that runs in your own Actions runner.",
|
|
5
|
+
"main": "bin/codeply.js",
|
|
6
|
+
"bin": {
|
|
7
|
+
"codeply": "bin/codeply.js"
|
|
8
|
+
},
|
|
9
|
+
"files": [
|
|
10
|
+
"bin",
|
|
11
|
+
"lib",
|
|
12
|
+
"skills",
|
|
13
|
+
"THIRD_PARTY_NOTICES.md"
|
|
14
|
+
],
|
|
15
|
+
"engines": {
|
|
16
|
+
"node": ">=18"
|
|
17
|
+
},
|
|
18
|
+
"scripts": {
|
|
19
|
+
"start": "node bin/codeply.js"
|
|
20
|
+
},
|
|
21
|
+
"keywords": [
|
|
22
|
+
"codeply",
|
|
23
|
+
"ai",
|
|
24
|
+
"cli",
|
|
25
|
+
"coding-agent",
|
|
26
|
+
"code-editor"
|
|
27
|
+
],
|
|
28
|
+
"repository": {
|
|
29
|
+
"type": "git",
|
|
30
|
+
"url": "git+https://github.com/AwaisSDev/codeply-cli.git"
|
|
31
|
+
},
|
|
32
|
+
"homepage": "https://codeply.online",
|
|
33
|
+
"bugs": {
|
|
34
|
+
"email": "hello@codeply.online"
|
|
35
|
+
},
|
|
36
|
+
"author": "Codeply",
|
|
37
|
+
"license": "MIT",
|
|
38
|
+
"dependencies": {
|
|
39
|
+
"@supabase/supabase-js": "^2.45.0",
|
|
40
|
+
"blakejs": "^1.2.1",
|
|
41
|
+
"commander": "^12.1.0",
|
|
42
|
+
"ink": "^5.1.0",
|
|
43
|
+
"ink-spinner": "^5.0.0",
|
|
44
|
+
"marked": "^15.0.12",
|
|
45
|
+
"marked-terminal": "^7.3.0",
|
|
46
|
+
"react": "^18.2.0",
|
|
47
|
+
"tweetnacl": "^1.0.3"
|
|
48
|
+
}
|
|
49
|
+
}
|
package/skills/SOURCE.md
CHANGED
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
# Where these skills came from
|
|
2
|
-
|
|
3
|
-
The skill library in this directory — all 281 of them — is vendored from
|
|
4
|
-
[affaan-m/ECC](https://github.com/affaan-m/ECC) ("Every Coding Copilot"), an
|
|
5
|
-
open-source collection of agent skills for Claude Code, Codex, and other
|
|
6
|
-
harnesses. It's their full `skills/` library, not a subset — every `SKILL.md`
|
|
7
|
-
and its `references/*.md` companions, unmodified.
|
|
8
|
-
|
|
9
|
-
Codeply loads its skill format directly from that project's convention: a
|
|
10
|
-
`SKILL.md` per skill with YAML frontmatter (`name`, `description`) and a
|
|
11
|
-
markdown body. See [lib/skills.js](../lib/skills.js) for the loader.
|
|
12
|
-
|
|
13
|
-
Only `SKILL.md` and `references/*.md` were vendored — each skill's
|
|
14
|
-
`agents/openai.yaml` (a tool schema for a different harness's native
|
|
15
|
-
function-calling) was left out, since Codeply calls skills through its own
|
|
16
|
-
text-based action protocol and has no use for it.
|
|
17
|
-
|
|
18
|
-
Not every one of the 281 is loaded into the agent's context by default —
|
|
19
|
-
`lib/skills.js` shows a curated "daily" subset (ECC's own `.agents/skills/`
|
|
20
|
-
curation of its full library) to keep the always-injected index small; the
|
|
21
|
-
rest are still fully installed and reachable with `list_skills <query>` or
|
|
22
|
-
`codeply skill show <name>`.
|
|
23
|
-
|
|
24
|
-
## License
|
|
25
|
-
|
|
26
|
-
ECC is MIT-licensed. Its license and copyright notice, reproduced here as MIT
|
|
27
|
-
requires when redistributing:
|
|
28
|
-
|
|
29
|
-
```
|
|
30
|
-
MIT License
|
|
31
|
-
|
|
32
|
-
Copyright (c) 2026 Affaan Mustafa
|
|
33
|
-
|
|
34
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
35
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
36
|
-
in the Software without restriction, including without limitation the rights
|
|
37
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
38
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
39
|
-
furnished to do so, subject to the following conditions:
|
|
40
|
-
|
|
41
|
-
The above copyright notice and this permission notice shall be included in all
|
|
42
|
-
copies or substantial portions of the Software.
|
|
43
|
-
|
|
44
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
45
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
46
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
47
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
48
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
49
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
50
|
-
SOFTWARE.
|
|
51
|
-
```
|
|
52
|
-
|
|
53
|
-
## Adding your own
|
|
54
|
-
|
|
55
|
-
Anything you drop in `~/.codeply/skills/<name>/SKILL.md` (same frontmatter
|
|
56
|
-
format) is picked up the same way, and takes priority over a bundled skill of
|
|
57
|
-
the same name. `codeply skill install <path-or-github-url>` automates that —
|
|
58
|
-
see `codeply skill --help`.
|
|
1
|
+
# Where these skills came from
|
|
2
|
+
|
|
3
|
+
The skill library in this directory — all 281 of them — is vendored from
|
|
4
|
+
[affaan-m/ECC](https://github.com/affaan-m/ECC) ("Every Coding Copilot"), an
|
|
5
|
+
open-source collection of agent skills for Claude Code, Codex, and other
|
|
6
|
+
harnesses. It's their full `skills/` library, not a subset — every `SKILL.md`
|
|
7
|
+
and its `references/*.md` companions, unmodified.
|
|
8
|
+
|
|
9
|
+
Codeply loads its skill format directly from that project's convention: a
|
|
10
|
+
`SKILL.md` per skill with YAML frontmatter (`name`, `description`) and a
|
|
11
|
+
markdown body. See [lib/skills.js](../lib/skills.js) for the loader.
|
|
12
|
+
|
|
13
|
+
Only `SKILL.md` and `references/*.md` were vendored — each skill's
|
|
14
|
+
`agents/openai.yaml` (a tool schema for a different harness's native
|
|
15
|
+
function-calling) was left out, since Codeply calls skills through its own
|
|
16
|
+
text-based action protocol and has no use for it.
|
|
17
|
+
|
|
18
|
+
Not every one of the 281 is loaded into the agent's context by default —
|
|
19
|
+
`lib/skills.js` shows a curated "daily" subset (ECC's own `.agents/skills/`
|
|
20
|
+
curation of its full library) to keep the always-injected index small; the
|
|
21
|
+
rest are still fully installed and reachable with `list_skills <query>` or
|
|
22
|
+
`codeply skill show <name>`.
|
|
23
|
+
|
|
24
|
+
## License
|
|
25
|
+
|
|
26
|
+
ECC is MIT-licensed. Its license and copyright notice, reproduced here as MIT
|
|
27
|
+
requires when redistributing:
|
|
28
|
+
|
|
29
|
+
```
|
|
30
|
+
MIT License
|
|
31
|
+
|
|
32
|
+
Copyright (c) 2026 Affaan Mustafa
|
|
33
|
+
|
|
34
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
35
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
36
|
+
in the Software without restriction, including without limitation the rights
|
|
37
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
38
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
39
|
+
furnished to do so, subject to the following conditions:
|
|
40
|
+
|
|
41
|
+
The above copyright notice and this permission notice shall be included in all
|
|
42
|
+
copies or substantial portions of the Software.
|
|
43
|
+
|
|
44
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
45
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
46
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
47
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
48
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
49
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
50
|
+
SOFTWARE.
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
## Adding your own
|
|
54
|
+
|
|
55
|
+
Anything you drop in `~/.codeply/skills/<name>/SKILL.md` (same frontmatter
|
|
56
|
+
format) is picked up the same way, and takes priority over a bundled skill of
|
|
57
|
+
the same name. `codeply skill install <path-or-github-url>` automates that —
|
|
58
|
+
see `codeply skill --help`.
|
|
@@ -1,147 +1,147 @@
|
|
|
1
|
-
---
|
|
2
|
-
name: accessibility
|
|
3
|
-
description: Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA
|
|
4
|
-
standards. Use this skill to generate semantic ARIA for Web and accessibility traits for Web and Native platforms (iOS/Android).
|
|
5
|
-
metadata:
|
|
6
|
-
origin: ECC
|
|
7
|
-
---
|
|
8
|
-
|
|
9
|
-
# Accessibility (WCAG 2.2)
|
|
10
|
-
|
|
11
|
-
This skill ensures that digital interfaces are Perceivable, Operable, Understandable, and Robust (POUR) for all users, including those using screen readers, switch controls, or keyboard navigation. It focuses on the technical implementation of WCAG 2.2 success criteria.
|
|
12
|
-
|
|
13
|
-
## When to Use
|
|
14
|
-
|
|
15
|
-
- Defining UI component specifications for Web, iOS, or Android.
|
|
16
|
-
- Auditing existing code for accessibility barriers or compliance gaps.
|
|
17
|
-
- Implementing new WCAG 2.2 standards like Target Size (Minimum) and Focus Appearance.
|
|
18
|
-
- Mapping high-level design requirements to technical attributes (ARIA roles, traits, hints).
|
|
19
|
-
|
|
20
|
-
## Core Concepts
|
|
21
|
-
|
|
22
|
-
- **POUR Principles**: The foundation of WCAG (Perceivable, Operable, Understandable, Robust).
|
|
23
|
-
- **Semantic Mapping**: Using native elements over generic containers to provide built-in accessibility.
|
|
24
|
-
- **Accessibility Tree**: The representation of the UI that assistive technologies actually "read."
|
|
25
|
-
- **Focus Management**: Controlling the order and visibility of the keyboard/screen reader cursor.
|
|
26
|
-
- **Labeling & Hints**: Providing context through `aria-label`, `accessibilityLabel`, and `contentDescription`.
|
|
27
|
-
|
|
28
|
-
## How It Works
|
|
29
|
-
|
|
30
|
-
### Step 1: Identify the Component Role
|
|
31
|
-
|
|
32
|
-
Determine the functional purpose (e.g., Is this a button, a link, or a tab?). Use the most semantic native element available before resorting to custom roles.
|
|
33
|
-
|
|
34
|
-
### Step 2: Define Perceivable Attributes
|
|
35
|
-
|
|
36
|
-
- Ensure text contrast meets **4.5:1** (normal) or **3:1** (large/UI).
|
|
37
|
-
- Add text alternatives for non-text content (images, icons).
|
|
38
|
-
- Implement responsive reflow (up to 400% zoom without loss of function).
|
|
39
|
-
|
|
40
|
-
### Step 3: Implement Operable Controls
|
|
41
|
-
|
|
42
|
-
- Ensure a minimum **24x24 CSS pixel** target size (WCAG 2.2 SC 2.5.8).
|
|
43
|
-
- Verify all interactive elements are reachable via keyboard and have a visible focus indicator (SC 2.4.11).
|
|
44
|
-
- Provide single-pointer alternatives for dragging movements.
|
|
45
|
-
|
|
46
|
-
### Step 4: Ensure Understandable Logic
|
|
47
|
-
|
|
48
|
-
- Use consistent navigation patterns.
|
|
49
|
-
- Provide descriptive error messages and suggestions for correction (SC 3.3.3).
|
|
50
|
-
- Implement "Redundant Entry" (SC 3.3.7) to prevent asking for the same data twice.
|
|
51
|
-
|
|
52
|
-
### Step 5: Verify Robust Compatibility
|
|
53
|
-
|
|
54
|
-
- Use correct `Name, Role, Value` patterns.
|
|
55
|
-
- Implement `aria-live` or live regions for dynamic status updates.
|
|
56
|
-
|
|
57
|
-
## Accessibility Architecture Diagram
|
|
58
|
-
|
|
59
|
-
```mermaid
|
|
60
|
-
flowchart TD
|
|
61
|
-
UI["UI Component"] --> Platform{Platform?}
|
|
62
|
-
Platform -->|Web| ARIA["WAI-ARIA + HTML5"]
|
|
63
|
-
Platform -->|iOS| SwiftUI["Accessibility Traits + Labels"]
|
|
64
|
-
Platform -->|Android| Compose["Semantics + ContentDesc"]
|
|
65
|
-
|
|
66
|
-
ARIA --> AT["Assistive Technology (Screen Readers, Switches)"]
|
|
67
|
-
SwiftUI --> AT
|
|
68
|
-
Compose --> AT
|
|
69
|
-
```
|
|
70
|
-
|
|
71
|
-
## Cross-Platform Mapping
|
|
72
|
-
|
|
73
|
-
| Feature | Web (HTML/ARIA) | iOS (SwiftUI) | Android (Compose) |
|
|
74
|
-
| :----------------- | :----------------------- | :----------------------------------- | :---------------------------------------------------------- |
|
|
75
|
-
| **Primary Label** | `aria-label` / `<label>` | `.accessibilityLabel()` | `contentDescription` |
|
|
76
|
-
| **Secondary Hint** | `aria-describedby` | `.accessibilityHint()` | `Modifier.semantics { stateDescription = ... }` |
|
|
77
|
-
| **Action Role** | `role="button"` | `.accessibilityAddTraits(.isButton)` | `Modifier.semantics { role = Role.Button }` |
|
|
78
|
-
| **Live Updates** | `aria-live="polite"` | `.accessibilityLiveRegion(.polite)` | `Modifier.semantics { liveRegion = LiveRegionMode.Polite }` |
|
|
79
|
-
|
|
80
|
-
## Examples
|
|
81
|
-
|
|
82
|
-
### Web: Accessible Search
|
|
83
|
-
|
|
84
|
-
```html
|
|
85
|
-
<form role="search">
|
|
86
|
-
<label for="search-input" class="sr-only">Search products</label>
|
|
87
|
-
<input type="search" id="search-input" placeholder="Search..." />
|
|
88
|
-
<button type="submit" aria-label="Submit Search">
|
|
89
|
-
<svg aria-hidden="true">...</svg>
|
|
90
|
-
</button>
|
|
91
|
-
</form>
|
|
92
|
-
```
|
|
93
|
-
|
|
94
|
-
### iOS: Accessible Action Button
|
|
95
|
-
|
|
96
|
-
```swift
|
|
97
|
-
Button(action: deleteItem) {
|
|
98
|
-
Image(systemName: "trash")
|
|
99
|
-
}
|
|
100
|
-
.accessibilityLabel("Delete item")
|
|
101
|
-
.accessibilityHint("Permanently removes this item from your list")
|
|
102
|
-
.accessibilityAddTraits(.isButton)
|
|
103
|
-
```
|
|
104
|
-
|
|
105
|
-
### Android: Accessible Toggle
|
|
106
|
-
|
|
107
|
-
```kotlin
|
|
108
|
-
Switch(
|
|
109
|
-
checked = isEnabled,
|
|
110
|
-
onCheckedChange = { onToggle() },
|
|
111
|
-
modifier = Modifier.semantics {
|
|
112
|
-
contentDescription = "Enable notifications"
|
|
113
|
-
}
|
|
114
|
-
)
|
|
115
|
-
```
|
|
116
|
-
|
|
117
|
-
## Anti-Patterns to Avoid
|
|
118
|
-
|
|
119
|
-
- **Div-Buttons**: Using a `<div>` or `<span>` for a click event without adding a role and keyboard support.
|
|
120
|
-
- **Color-Only Meaning**: Indicating an error or status _only_ with a color change (e.g., turning a border red).
|
|
121
|
-
- **Uncontained Modal Focus**: Modals that don't trap focus, allowing keyboard users to navigate background content while the modal is open. Focus must be contained _and_ escapable via the `Escape` key or an explicit close button (WCAG SC 2.1.2).
|
|
122
|
-
- **Redundant Alt Text**: Using "Image of..." or "Picture of..." in alt text (screen readers already announce the role "Image").
|
|
123
|
-
|
|
124
|
-
## Best Practices Checklist
|
|
125
|
-
|
|
126
|
-
- [ ] Interactive elements meet the **24x24px** (Web) or **44x44pt** (Native) target size.
|
|
127
|
-
- [ ] Focus indicators are clearly visible and high-contrast.
|
|
128
|
-
- [ ] Modals **contain focus** while open, and release it cleanly on close (`Escape` key or close button).
|
|
129
|
-
- [ ] Dropdowns and menus restore focus to the trigger element on close.
|
|
130
|
-
- [ ] Forms provide text-based error suggestions.
|
|
131
|
-
- [ ] All icon-only buttons have a descriptive text label.
|
|
132
|
-
- [ ] Content reflows properly when text is scaled.
|
|
133
|
-
|
|
134
|
-
## References
|
|
135
|
-
|
|
136
|
-
- [WCAG 2.2 Guidelines](https://www.w3.org/TR/WCAG22/)
|
|
137
|
-
- [WAI-ARIA Authoring Practices](https://www.w3.org/TR/wai-aria-practices/)
|
|
138
|
-
- [iOS Accessibility Programming Guide](https://developer.apple.com/documentation/accessibility)
|
|
139
|
-
- [iOS Human Interface Guidelines - Accessibility](https://developer.apple.com/design/human-interface-guidelines/accessibility)
|
|
140
|
-
- [Android Accessibility Developer Guide](https://developer.android.com/guide/topics/ui/accessibility)
|
|
141
|
-
|
|
142
|
-
## Related Skills
|
|
143
|
-
|
|
144
|
-
- `frontend-patterns`
|
|
145
|
-
- `design-system`
|
|
146
|
-
- `liquid-glass-design`
|
|
147
|
-
- `swiftui-patterns`
|
|
1
|
+
---
|
|
2
|
+
name: accessibility
|
|
3
|
+
description: Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA
|
|
4
|
+
standards. Use this skill to generate semantic ARIA for Web and accessibility traits for Web and Native platforms (iOS/Android).
|
|
5
|
+
metadata:
|
|
6
|
+
origin: ECC
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
# Accessibility (WCAG 2.2)
|
|
10
|
+
|
|
11
|
+
This skill ensures that digital interfaces are Perceivable, Operable, Understandable, and Robust (POUR) for all users, including those using screen readers, switch controls, or keyboard navigation. It focuses on the technical implementation of WCAG 2.2 success criteria.
|
|
12
|
+
|
|
13
|
+
## When to Use
|
|
14
|
+
|
|
15
|
+
- Defining UI component specifications for Web, iOS, or Android.
|
|
16
|
+
- Auditing existing code for accessibility barriers or compliance gaps.
|
|
17
|
+
- Implementing new WCAG 2.2 standards like Target Size (Minimum) and Focus Appearance.
|
|
18
|
+
- Mapping high-level design requirements to technical attributes (ARIA roles, traits, hints).
|
|
19
|
+
|
|
20
|
+
## Core Concepts
|
|
21
|
+
|
|
22
|
+
- **POUR Principles**: The foundation of WCAG (Perceivable, Operable, Understandable, Robust).
|
|
23
|
+
- **Semantic Mapping**: Using native elements over generic containers to provide built-in accessibility.
|
|
24
|
+
- **Accessibility Tree**: The representation of the UI that assistive technologies actually "read."
|
|
25
|
+
- **Focus Management**: Controlling the order and visibility of the keyboard/screen reader cursor.
|
|
26
|
+
- **Labeling & Hints**: Providing context through `aria-label`, `accessibilityLabel`, and `contentDescription`.
|
|
27
|
+
|
|
28
|
+
## How It Works
|
|
29
|
+
|
|
30
|
+
### Step 1: Identify the Component Role
|
|
31
|
+
|
|
32
|
+
Determine the functional purpose (e.g., Is this a button, a link, or a tab?). Use the most semantic native element available before resorting to custom roles.
|
|
33
|
+
|
|
34
|
+
### Step 2: Define Perceivable Attributes
|
|
35
|
+
|
|
36
|
+
- Ensure text contrast meets **4.5:1** (normal) or **3:1** (large/UI).
|
|
37
|
+
- Add text alternatives for non-text content (images, icons).
|
|
38
|
+
- Implement responsive reflow (up to 400% zoom without loss of function).
|
|
39
|
+
|
|
40
|
+
### Step 3: Implement Operable Controls
|
|
41
|
+
|
|
42
|
+
- Ensure a minimum **24x24 CSS pixel** target size (WCAG 2.2 SC 2.5.8).
|
|
43
|
+
- Verify all interactive elements are reachable via keyboard and have a visible focus indicator (SC 2.4.11).
|
|
44
|
+
- Provide single-pointer alternatives for dragging movements.
|
|
45
|
+
|
|
46
|
+
### Step 4: Ensure Understandable Logic
|
|
47
|
+
|
|
48
|
+
- Use consistent navigation patterns.
|
|
49
|
+
- Provide descriptive error messages and suggestions for correction (SC 3.3.3).
|
|
50
|
+
- Implement "Redundant Entry" (SC 3.3.7) to prevent asking for the same data twice.
|
|
51
|
+
|
|
52
|
+
### Step 5: Verify Robust Compatibility
|
|
53
|
+
|
|
54
|
+
- Use correct `Name, Role, Value` patterns.
|
|
55
|
+
- Implement `aria-live` or live regions for dynamic status updates.
|
|
56
|
+
|
|
57
|
+
## Accessibility Architecture Diagram
|
|
58
|
+
|
|
59
|
+
```mermaid
|
|
60
|
+
flowchart TD
|
|
61
|
+
UI["UI Component"] --> Platform{Platform?}
|
|
62
|
+
Platform -->|Web| ARIA["WAI-ARIA + HTML5"]
|
|
63
|
+
Platform -->|iOS| SwiftUI["Accessibility Traits + Labels"]
|
|
64
|
+
Platform -->|Android| Compose["Semantics + ContentDesc"]
|
|
65
|
+
|
|
66
|
+
ARIA --> AT["Assistive Technology (Screen Readers, Switches)"]
|
|
67
|
+
SwiftUI --> AT
|
|
68
|
+
Compose --> AT
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
## Cross-Platform Mapping
|
|
72
|
+
|
|
73
|
+
| Feature | Web (HTML/ARIA) | iOS (SwiftUI) | Android (Compose) |
|
|
74
|
+
| :----------------- | :----------------------- | :----------------------------------- | :---------------------------------------------------------- |
|
|
75
|
+
| **Primary Label** | `aria-label` / `<label>` | `.accessibilityLabel()` | `contentDescription` |
|
|
76
|
+
| **Secondary Hint** | `aria-describedby` | `.accessibilityHint()` | `Modifier.semantics { stateDescription = ... }` |
|
|
77
|
+
| **Action Role** | `role="button"` | `.accessibilityAddTraits(.isButton)` | `Modifier.semantics { role = Role.Button }` |
|
|
78
|
+
| **Live Updates** | `aria-live="polite"` | `.accessibilityLiveRegion(.polite)` | `Modifier.semantics { liveRegion = LiveRegionMode.Polite }` |
|
|
79
|
+
|
|
80
|
+
## Examples
|
|
81
|
+
|
|
82
|
+
### Web: Accessible Search
|
|
83
|
+
|
|
84
|
+
```html
|
|
85
|
+
<form role="search">
|
|
86
|
+
<label for="search-input" class="sr-only">Search products</label>
|
|
87
|
+
<input type="search" id="search-input" placeholder="Search..." />
|
|
88
|
+
<button type="submit" aria-label="Submit Search">
|
|
89
|
+
<svg aria-hidden="true">...</svg>
|
|
90
|
+
</button>
|
|
91
|
+
</form>
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
### iOS: Accessible Action Button
|
|
95
|
+
|
|
96
|
+
```swift
|
|
97
|
+
Button(action: deleteItem) {
|
|
98
|
+
Image(systemName: "trash")
|
|
99
|
+
}
|
|
100
|
+
.accessibilityLabel("Delete item")
|
|
101
|
+
.accessibilityHint("Permanently removes this item from your list")
|
|
102
|
+
.accessibilityAddTraits(.isButton)
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
### Android: Accessible Toggle
|
|
106
|
+
|
|
107
|
+
```kotlin
|
|
108
|
+
Switch(
|
|
109
|
+
checked = isEnabled,
|
|
110
|
+
onCheckedChange = { onToggle() },
|
|
111
|
+
modifier = Modifier.semantics {
|
|
112
|
+
contentDescription = "Enable notifications"
|
|
113
|
+
}
|
|
114
|
+
)
|
|
115
|
+
```
|
|
116
|
+
|
|
117
|
+
## Anti-Patterns to Avoid
|
|
118
|
+
|
|
119
|
+
- **Div-Buttons**: Using a `<div>` or `<span>` for a click event without adding a role and keyboard support.
|
|
120
|
+
- **Color-Only Meaning**: Indicating an error or status _only_ with a color change (e.g., turning a border red).
|
|
121
|
+
- **Uncontained Modal Focus**: Modals that don't trap focus, allowing keyboard users to navigate background content while the modal is open. Focus must be contained _and_ escapable via the `Escape` key or an explicit close button (WCAG SC 2.1.2).
|
|
122
|
+
- **Redundant Alt Text**: Using "Image of..." or "Picture of..." in alt text (screen readers already announce the role "Image").
|
|
123
|
+
|
|
124
|
+
## Best Practices Checklist
|
|
125
|
+
|
|
126
|
+
- [ ] Interactive elements meet the **24x24px** (Web) or **44x44pt** (Native) target size.
|
|
127
|
+
- [ ] Focus indicators are clearly visible and high-contrast.
|
|
128
|
+
- [ ] Modals **contain focus** while open, and release it cleanly on close (`Escape` key or close button).
|
|
129
|
+
- [ ] Dropdowns and menus restore focus to the trigger element on close.
|
|
130
|
+
- [ ] Forms provide text-based error suggestions.
|
|
131
|
+
- [ ] All icon-only buttons have a descriptive text label.
|
|
132
|
+
- [ ] Content reflows properly when text is scaled.
|
|
133
|
+
|
|
134
|
+
## References
|
|
135
|
+
|
|
136
|
+
- [WCAG 2.2 Guidelines](https://www.w3.org/TR/WCAG22/)
|
|
137
|
+
- [WAI-ARIA Authoring Practices](https://www.w3.org/TR/wai-aria-practices/)
|
|
138
|
+
- [iOS Accessibility Programming Guide](https://developer.apple.com/documentation/accessibility)
|
|
139
|
+
- [iOS Human Interface Guidelines - Accessibility](https://developer.apple.com/design/human-interface-guidelines/accessibility)
|
|
140
|
+
- [Android Accessibility Developer Guide](https://developer.android.com/guide/topics/ui/accessibility)
|
|
141
|
+
|
|
142
|
+
## Related Skills
|
|
143
|
+
|
|
144
|
+
- `frontend-patterns`
|
|
145
|
+
- `design-system`
|
|
146
|
+
- `liquid-glass-design`
|
|
147
|
+
- `swiftui-patterns`
|