agents-templated 2.2.19 → 2.2.21

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.
Files changed (56) hide show
  1. package/package.json +1 -1
  2. package/templates/CLAUDE.md +17 -17
  3. package/templates/agents/commands/README.md +144 -0
  4. package/templates/agents/commands/SCHEMA.md +42 -0
  5. package/templates/agents/commands/arch-check.md +58 -0
  6. package/templates/agents/commands/audit.md +58 -0
  7. package/templates/agents/commands/debug-track.md +58 -0
  8. package/templates/agents/commands/docs.md +58 -0
  9. package/templates/agents/commands/fix.md +58 -0
  10. package/templates/agents/commands/learn-loop.md +58 -0
  11. package/templates/agents/commands/perf.md +58 -0
  12. package/templates/agents/commands/plan.md +58 -0
  13. package/templates/agents/commands/pr.md +58 -0
  14. package/templates/agents/commands/problem-map.md +58 -0
  15. package/templates/agents/commands/release-ready.md +58 -0
  16. package/templates/agents/commands/release.md +58 -0
  17. package/templates/agents/commands/risk-review.md +58 -0
  18. package/templates/agents/commands/scope-shape.md +58 -0
  19. package/templates/agents/commands/task.md +58 -0
  20. package/templates/agents/commands/test-data.md +56 -0
  21. package/templates/agents/commands/test.md +58 -0
  22. package/templates/agents/commands/ux-bar.md +58 -0
  23. package/templates/agents/rules/ai-integration.md +54 -0
  24. package/templates/agents/rules/core.md +173 -0
  25. package/templates/agents/rules/database.md +305 -0
  26. package/templates/agents/rules/frontend.md +217 -0
  27. package/templates/agents/rules/guardrails.md +97 -0
  28. package/templates/agents/rules/hardening.md +52 -0
  29. package/templates/agents/rules/intent-routing.md +54 -0
  30. package/templates/agents/rules/lessons-learned.md +44 -0
  31. package/templates/agents/rules/planning.md +69 -0
  32. package/templates/agents/rules/security.md +278 -0
  33. package/templates/agents/rules/style.md +344 -0
  34. package/templates/agents/rules/system-workflow.md +63 -0
  35. package/templates/agents/rules/testing.md +371 -0
  36. package/templates/agents/rules/workflows.md +56 -0
  37. package/templates/agents/skills/README.md +198 -0
  38. package/templates/agents/skills/api-design/SKILL.md +59 -0
  39. package/templates/agents/skills/app-hardening/SKILL.md +45 -0
  40. package/templates/agents/skills/bug-triage/SKILL.md +36 -0
  41. package/templates/agents/skills/debug-skill/SKILL.md +39 -0
  42. package/templates/agents/skills/emilkowalski-skill/SKILL.md +51 -0
  43. package/templates/agents/skills/error-patterns/SKILL.md +70 -0
  44. package/templates/agents/skills/feature-delivery/SKILL.md +38 -0
  45. package/templates/agents/skills/feature-forge/SKILL.md +39 -0
  46. package/templates/agents/skills/find-skills/SKILL.md +133 -0
  47. package/templates/agents/skills/llm-integration/SKILL.md +64 -0
  48. package/templates/agents/skills/raphaelsalaja-userinterface-wiki/SKILL.md +51 -0
  49. package/templates/agents/skills/secure-code-guardian/SKILL.md +39 -0
  50. package/templates/agents/skills/shadcn-ui/SKILL.md +1932 -0
  51. package/templates/agents/skills/shadcn-ui/references/chart.md +306 -0
  52. package/templates/agents/skills/shadcn-ui/references/learn.md +145 -0
  53. package/templates/agents/skills/shadcn-ui/references/official-ui-reference.md +1729 -0
  54. package/templates/agents/skills/shadcn-ui/references/reference.md +586 -0
  55. package/templates/agents/skills/shadcn-ui/references/ui-reference.md +1578 -0
  56. package/templates/agents/skills/ui-ux-pro-max/SKILL.md +386 -0
@@ -0,0 +1,45 @@
1
+ ---
2
+ name: app-hardening
3
+ description: Applies risk-based application hardening guidance including obfuscation decisions, integrity controls, and release evidence.
4
+ ---
5
+
6
+ # App Hardening
7
+
8
+ Use this skill for security hardening of distributed applications and sensitive client-side logic.
9
+
10
+ ## Trigger Conditions
11
+
12
+ - User asks for hardening, anti-tamper, reverse-engineering resistance, or secure release posture.
13
+ - Project includes mobile/desktop/browser-delivered code with high-value logic.
14
+
15
+ ## Decision Matrix
16
+
17
+ Apply hardening when:
18
+ - Threat model includes tampering/repackaging/hooking, or
19
+ - Client runtime is untrusted, or
20
+ - Business/IP impact is high.
21
+
22
+ Keep baseline controls regardless:
23
+ - AuthN/AuthZ, validation, secrets hygiene, monitoring.
24
+
25
+ ## Workflow
26
+
27
+ 1. Define threat model and assets at risk.
28
+ 2. Select hardening profile by risk tier.
29
+ 3. Choose controls (obfuscation, integrity checks, runtime protections).
30
+ 4. Integrate into build/release pipeline.
31
+ 5. Run post-hardening functional + performance validation.
32
+ 6. Produce release evidence and rollback path.
33
+
34
+ ## Required Evidence
35
+
36
+ - Hardening profile selection rationale
37
+ - Verification results (functional + performance)
38
+ - Symbol/mapping artifact access policy
39
+ - Rollback steps and trigger conditions
40
+
41
+ ## Guardrails
42
+
43
+ - Never treat obfuscation as a standalone security solution.
44
+ - Never store secrets in client code.
45
+ - Block release when hardening-required profile lacks evidence.
@@ -0,0 +1,36 @@
1
+ ---
2
+ name: bug-triage
3
+ description: Reproduction-first bug workflow for reliable root-cause isolation, minimal patching, and regression protection.
4
+ ---
5
+
6
+ # Bug Triage
7
+
8
+ Use this skill for defects, crashes, unexpected behavior, and regressions.
9
+
10
+ ## Trigger Conditions
11
+
12
+ - User reports bug symptoms ("broken", "fails", "crash", "not working").
13
+ - There is a failing test or reproducible scenario.
14
+
15
+ ## Workflow
16
+
17
+ 1. Capture reproducible steps and expected vs actual behavior.
18
+ 2. Confirm failure reproduction locally or from evidence.
19
+ 3. Isolate probable subsystem and narrow root cause.
20
+ 4. Apply smallest safe patch in bounded scope.
21
+ 5. Add or run regression tests.
22
+ 6. Validate fix and report residual risks.
23
+
24
+ ## Output Contract
25
+
26
+ - Defect summary and reproduction
27
+ - Root cause hypothesis/finding
28
+ - Patch summary
29
+ - Validation evidence
30
+ - Regression coverage update
31
+
32
+ ## Guardrails
33
+
34
+ - Do not patch without reproduction evidence unless explicitly approved.
35
+ - Avoid broad refactors in bug-fix flow.
36
+ - Block when scope or acceptance criteria are unsafe/unclear.
@@ -0,0 +1,39 @@
1
+ ---
2
+ name: debug-skill
3
+ description: Enables breakpoint-driven debugging workflows with execution tracing, state inspection, and root-cause proof before patching.
4
+ ---
5
+
6
+ # Debug Skill
7
+
8
+ Use this skill when the user is stuck on a bug and needs debugger-style investigation instead of print-guessing.
9
+
10
+ ## Trigger Conditions
11
+
12
+ - User asks to debug, set breakpoints, step through code, or inspect runtime state.
13
+ - A bug is intermittent, difficult to localize, or likely branch/state dependent.
14
+ - Existing logs are insufficient to prove root cause.
15
+
16
+ ## Workflow
17
+
18
+ 1. Confirm a reproducible scenario and expected vs actual behavior.
19
+ 2. Define a checkpoint plan (breakpoints/log points/frames).
20
+ 3. Trace execution order across checkpoints.
21
+ 4. Capture variable-state transitions at failure boundaries.
22
+ 5. Prove root cause with execution evidence.
23
+ 6. Apply the smallest safe patch and run focused regressions.
24
+
25
+ ## Output Contract
26
+
27
+ - Reproduction summary
28
+ - Checkpoint plan
29
+ - Execution trace highlights
30
+ - State snapshots at critical steps
31
+ - Root-cause finding
32
+ - Minimal patch plan
33
+ - Regression checks and residual risk
34
+
35
+ ## Guardrails
36
+
37
+ - Do not ship speculative fixes without trace-backed evidence.
38
+ - Do not skip regression validation after state-sensitive fixes.
39
+ - If reproduction fails, stop and request missing runtime context.
@@ -0,0 +1,51 @@
1
+ ---
2
+ name: emilkowalski-skill
3
+ description: Frontend interaction and motion quality checks for polished, minimal UI.
4
+ ---
5
+
6
+ # Emil Kowalski Frontend Polish
7
+
8
+ Use this skill when refining frontend motion, interaction quality, and visual clarity.
9
+
10
+ ## Trigger Conditions
11
+
12
+ - User asks to improve UI quality, animations, or perceived smoothness.
13
+ - User wants cleaner interactions without heavy redesign.
14
+ - Interface feels functional but not polished.
15
+
16
+ ## Workflow
17
+
18
+ 1. Baseline the current interaction quality.
19
+ 2. Remove accidental motion (janky or decorative-only animation).
20
+ 3. Define motion hierarchy: page, section, element, micro-interaction.
21
+ 4. Tune timing and easing with consistency.
22
+ 5. Validate accessibility: reduced-motion support and focus visibility.
23
+ 6. Verify mobile and desktop interaction parity.
24
+
25
+ ## Frontend Quality Checklist
26
+
27
+ - Animation duration is intentional and consistent.
28
+ - Entry and exit transitions communicate state changes.
29
+ - Hover/focus/active states are visually distinct.
30
+ - Touch targets remain accessible on mobile.
31
+ - Layout and typography remain readable during motion.
32
+
33
+ ## Output Contract
34
+
35
+ - Interaction problems found
36
+ - Priority fixes (high/medium/low)
37
+ - Motion system decisions (duration, easing, delay)
38
+ - Accessibility checks performed
39
+ - Before/after verification notes
40
+
41
+ ## Guardrails
42
+
43
+ - Do not add animation where no UX value exists.
44
+ - Prefer CSS/transform-based transitions over layout-thrashing properties.
45
+ - Always provide a reduced-motion fallback.
46
+ - Keep performance budget visible (FPS, input latency, layout shifts).
47
+
48
+ ## Upstream Reference
49
+
50
+ - Original package command:
51
+ - npx skills add emilkowalski/skill
@@ -0,0 +1,70 @@
1
+ ---
2
+ name: error-patterns
3
+ description: >
4
+ Activate this skill whenever something is broken, failing, erroring, or crashing, especially
5
+ for build errors, type errors, database/migration failures, API/auth issues, and UI bugs.
6
+ Also activate when the user says "fix this", "it's broken", "I'm getting an error", or
7
+ "this keeps happening".
8
+ ---
9
+
10
+ # Error Patterns
11
+
12
+ You are debugging with persistent memory. Every fix should be recorded so it does not need to be solved twice.
13
+
14
+ ## Step 1 - Check Lessons First (Always)
15
+
16
+ Before writing any fix, read `.claude/rules/lessons-learned.md`.
17
+
18
+ - Search for symptoms that match the current error.
19
+ - If a match is found, apply the known fix directly and state that the known fix was used.
20
+ - If no match is found, continue to Step 2.
21
+
22
+ ## Step 2 - Diagnose by Category
23
+
24
+ ### [BUILD] Build / Type Errors
25
+ - Read the full error trace, not just the first line.
26
+ - Check for version mismatches, missing imports, circular dependencies, and config issues.
27
+ - Verify lock file and dependency sync.
28
+
29
+ ### [DB] Database / Migration Errors
30
+ - Check whether the migration already ran.
31
+ - Verify DB URL and environment target.
32
+ - Check for schema drift between model and database.
33
+ - Avoid destructive migrations without a backup.
34
+
35
+ ### [API/AUTH] API / Auth Errors
36
+ - Check token expiry, missing headers, and wrong scopes.
37
+ - Verify environment variables for keys/secrets.
38
+ - Check CORS and middleware order.
39
+ - Log request/response safely (no secrets).
40
+
41
+ ### [UI] Frontend / UI Bugs
42
+ - Check hydration mismatches.
43
+ - Verify null/undefined guards and prop contracts.
44
+ - Check list keys and class conflicts.
45
+ - Confirm loading and error states are handled.
46
+
47
+ ## Step 3 - Apply the Fix
48
+
49
+ - Make the minimum safe change needed.
50
+ - Do not expand scope beyond the reported error.
51
+
52
+ ## Step 4 - Record the Lesson (Mandatory)
53
+
54
+ After every successful fix, append to `.claude/rules/lessons-learned.md` using:
55
+
56
+ ```markdown
57
+ ### [CATEGORY] Short title of the error
58
+ - **Symptom**: What the error looked like (message, behavior)
59
+ - **Root Cause**: Why it happened
60
+ - **Fix**: Exact steps or code that resolved it
61
+ - **Avoid**: What NOT to do next time
62
+ - **Date**: YYYY-MM-DD
63
+ ```
64
+
65
+ ## Step 5 - User Confirmation Message
66
+
67
+ After fixing and recording, respond with one of:
68
+
69
+ - `Fixed. I've saved this to lessons-learned so we won't have to solve it again.`
70
+ - `Found this in lessons-learned and applied the known fix.`
@@ -0,0 +1,38 @@
1
+ ---
2
+ name: feature-delivery
3
+ description: Converts vague feature requests into scoped execution contracts with acceptance criteria, risk controls, and validation steps.
4
+ ---
5
+
6
+ # Feature Delivery
7
+
8
+ Use this skill when users describe features informally and need a systematic execution path.
9
+
10
+ ## Trigger Conditions
11
+
12
+ - User asks to "build", "add", "create", or "implement" a feature.
13
+ - Requirements are partial, broad, or non-technical.
14
+ - Scope and acceptance criteria are not explicit.
15
+
16
+ ## Workflow
17
+
18
+ 1. Parse objective from user language.
19
+ 2. Define scope boundaries (in/out).
20
+ 3. Generate acceptance criteria (2-5 concrete checks).
21
+ 4. Derive implementation units in dependency order.
22
+ 5. Define validation plan (unit/integration/e2e where relevant).
23
+ 6. Identify risks and rollback notes.
24
+
25
+ ## Output Contract
26
+
27
+ - Objective summary
28
+ - Scope boundaries
29
+ - Acceptance criteria
30
+ - Execution steps
31
+ - Verification steps
32
+ - Risks and assumptions
33
+
34
+ ## Guardrails
35
+
36
+ - Ask minimal clarifications only when blocked.
37
+ - Do not execute destructive or broad changes without explicit scope.
38
+ - Keep plans deterministic and auditable.
@@ -0,0 +1,39 @@
1
+ ---
2
+ name: feature-forge
3
+ description: Turns vague feature requests into execution-ready requirements, acceptance criteria, and validation plans before coding starts.
4
+ ---
5
+
6
+ # Feature Forge
7
+
8
+ Use this skill before implementation when feature requests are high-level, ambiguous, or under-specified.
9
+
10
+ ## Trigger Conditions
11
+
12
+ - User says build/add/create/implement without a full spec.
13
+ - Requirements are broad or mixed between business and technical language.
14
+ - Scope boundaries and acceptance criteria are unclear.
15
+
16
+ ## Workflow
17
+
18
+ 1. Restate objective and target user outcome.
19
+ 2. Define in-scope and out-of-scope boundaries.
20
+ 3. Convert asks into concrete functional requirements.
21
+ 4. Produce testable acceptance criteria.
22
+ 5. Split work into dependency-ordered slices.
23
+ 6. Define validation approach and rollback notes.
24
+
25
+ ## Output Contract
26
+
27
+ - Objective summary
28
+ - Scope in/out
29
+ - Functional requirements
30
+ - Acceptance criteria
31
+ - Implementation slices
32
+ - Validation plan
33
+ - Risks, assumptions, and rollback notes
34
+
35
+ ## Guardrails
36
+
37
+ - Do not move to implementation planning without explicit scope boundaries.
38
+ - Keep acceptance criteria measurable and testable.
39
+ - Raise blockers when requirements conflict or remain ambiguous.
@@ -0,0 +1,133 @@
1
+ ---
2
+ name: find-skills
3
+ description: Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
4
+ ---
5
+
6
+ # Find Skills
7
+
8
+ This skill helps you discover and install skills from the open agent skills ecosystem.
9
+
10
+ ## When to Use This Skill
11
+
12
+ Use this skill when the user:
13
+
14
+ - Asks "how do I do X" where X might be a common task with an existing skill
15
+ - Says "find a skill for X" or "is there a skill for X"
16
+ - Asks "can you do X" where X is a specialized capability
17
+ - Expresses interest in extending agent capabilities
18
+ - Wants to search for tools, templates, or workflows
19
+ - Mentions they wish they had help with a specific domain (design, testing, deployment, etc.)
20
+
21
+ ## What is the Skills CLI?
22
+
23
+ The Skills CLI (`npx skills`) is the package manager for the open agent skills ecosystem. Skills are modular packages that extend agent capabilities with specialized knowledge, workflows, and tools.
24
+
25
+ **Key commands:**
26
+
27
+ - `npx skills find [query]` - Search for skills interactively or by keyword
28
+ - `npx skills add <package>` - Install a skill from GitHub or other sources
29
+ - `npx skills check` - Check for skill updates
30
+ - `npx skills update` - Update all installed skills
31
+
32
+ **Browse skills at:** https://skills.sh/
33
+
34
+ ## How to Help Users Find Skills
35
+
36
+ ### Step 1: Understand What They Need
37
+
38
+ When a user asks for help with something, identify:
39
+
40
+ 1. The domain (e.g., React, testing, design, deployment)
41
+ 2. The specific task (e.g., writing tests, creating animations, reviewing PRs)
42
+ 3. Whether this is a common enough task that a skill likely exists
43
+
44
+ ### Step 2: Search for Skills
45
+
46
+ Run the find command with a relevant query:
47
+
48
+ ```bash
49
+ npx skills find [query]
50
+ ```
51
+
52
+ For example:
53
+
54
+ - User asks "how do I make my React app faster?" → `npx skills find react performance`
55
+ - User asks "can you help me with PR reviews?" → `npx skills find pr review`
56
+ - User asks "I need to create a changelog" → `npx skills find changelog`
57
+
58
+ The command will return results like:
59
+
60
+ ```
61
+ Install with npx skills add <owner/repo@skill>
62
+
63
+ vercel-labs/agent-skills@vercel-react-best-practices
64
+ └ https://skills.sh/vercel-labs/agent-skills/vercel-react-best-practices
65
+ ```
66
+
67
+ ### Step 3: Present Options to the User
68
+
69
+ When you find relevant skills, present them to the user with:
70
+
71
+ 1. The skill name and what it does
72
+ 2. The install command they can run
73
+ 3. A link to learn more at skills.sh
74
+
75
+ Example response:
76
+
77
+ ```
78
+ I found a skill that might help! The "vercel-react-best-practices" skill provides
79
+ React and Next.js performance optimization guidelines from Vercel Engineering.
80
+
81
+ To install it:
82
+ npx skills add vercel-labs/agent-skills@vercel-react-best-practices
83
+
84
+ Learn more: https://skills.sh/vercel-labs/agent-skills/vercel-react-best-practices
85
+ ```
86
+
87
+ ### Step 4: Offer to Install
88
+
89
+ If the user wants to proceed, you can install the skill for them:
90
+
91
+ ```bash
92
+ npx skills add <owner/repo@skill> -g -y
93
+ ```
94
+
95
+ The `-g` flag installs globally (user-level) and `-y` skips confirmation prompts.
96
+
97
+ ## Common Skill Categories
98
+
99
+ When searching, consider these common categories:
100
+
101
+ | Category | Example Queries |
102
+ | --------------- | ---------------------------------------- |
103
+ | Web Development | react, nextjs, typescript, css, tailwind |
104
+ | Testing | testing, jest, playwright, e2e |
105
+ | DevOps | deploy, docker, kubernetes, ci-cd |
106
+ | Documentation | docs, readme, changelog, api-docs |
107
+ | Code Quality | review, lint, refactor, best-practices |
108
+ | Design | ui, ux, design-system, accessibility |
109
+ | Productivity | workflow, automation, git |
110
+
111
+ ## Tips for Effective Searches
112
+
113
+ 1. **Use specific keywords**: "react testing" is better than just "testing"
114
+ 2. **Try alternative terms**: If "deploy" doesn't work, try "deployment" or "ci-cd"
115
+ 3. **Check popular sources**: Many skills come from `vercel-labs/agent-skills` or `ComposioHQ/awesome-claude-skills`
116
+
117
+ ## When No Skills Are Found
118
+
119
+ If no relevant skills exist:
120
+
121
+ 1. Acknowledge that no existing skill was found
122
+ 2. Offer to help with the task directly using your general capabilities
123
+ 3. Suggest the user could create their own skill with `npx skills init`
124
+
125
+ Example:
126
+
127
+ ```
128
+ I searched for skills related to "xyz" but didn't find any matches.
129
+ I can still help you with this task directly! Would you like me to proceed?
130
+
131
+ If this is something you do often, you could create your own skill:
132
+ npx skills init my-xyz-skill
133
+ ```
@@ -0,0 +1,64 @@
1
+ ---
2
+ name: llm-integration
3
+ description: LLM integration patterns — prompt engineering, RAG pipelines, tool use, evaluation harnesses, and prompt injection defense.
4
+ ---
5
+
6
+ # LLM Integration
7
+
8
+ Use this skill when building, debugging, or reviewing AI/LLM-powered features.
9
+
10
+ ## Trigger Conditions
11
+
12
+ - User is integrating an LLM (OpenAI, Anthropic, Gemini, local models) into an application.
13
+ - Prompt engineering, system prompt design, or output parsing is discussed.
14
+ - RAG (retrieval-augmented generation) architecture is needed.
15
+ - Evaluation, benchmarking, or quality measurement of an LLM feature is requested.
16
+ - Prompt injection risks are identified or suspected.
17
+ - Tool use / function calling patterns are being designed.
18
+
19
+ ## Workflow
20
+
21
+ ### Prompt Engineering
22
+
23
+ 1. Separate system prompt (policy/persona) from user content (data) — never merge them raw.
24
+ 2. Use structured output formats (JSON mode, XML tags) for parseable responses.
25
+ 3. Specify output constraints explicitly: length, format, forbidden content.
26
+ 4. Test prompts against adversarial and edge-case inputs before shipping.
27
+
28
+ ### RAG Pipeline
29
+
30
+ 1. Chunk source documents at semantic boundaries (paragraph, section heading).
31
+ 2. Embed chunks with a consistent model; store in a vector DB with source metadata.
32
+ 3. At query time: embed query → retrieve top-k chunks → score → discard below threshold.
33
+ 4. Inject retrieved chunks into prompt with clear source attribution markers.
34
+ 5. Cite sources in final output — never present retrieved facts as model knowledge.
35
+
36
+ ### Tool Use / Function Calling
37
+
38
+ 1. Define tool schemas with strict input types (JSON Schema).
39
+ 2. Validate all tool call arguments before executing — treat as untrusted input.
40
+ 3. Never expose filesystem paths, shell commands, or credentials via tool definitions.
41
+ 4. Log all tool invocations for auditability.
42
+
43
+ ### Evaluation
44
+
45
+ 1. Define an eval set (minimum 20 examples) with inputs and expected outputs before launch.
46
+ 2. Track: accuracy, latency p50/p95, token cost per request, failure rate.
47
+ 3. Run evals on every prompt change before deploying to production.
48
+ 4. Block production promotion if accuracy regresses > 5% vs. baseline.
49
+
50
+ ## Output Contract
51
+
52
+ - Prompt template with annotated sections (system / context / user)
53
+ - RAG pipeline diagram or pseudocode (if applicable)
54
+ - Tool schema definitions (if applicable)
55
+ - Evaluation plan with metrics and pass/fail thresholds
56
+ - Identified injection risks and mitigations
57
+
58
+ ## Guardrails
59
+
60
+ - Never interpolate raw user input into system prompts without sanitization and clear structural delimiting.
61
+ - Never execute LLM-generated code without a human or automated review gate.
62
+ - Always set explicit token limits — never rely on model defaults.
63
+ - Never log payloads that may contain PII or credentials.
64
+ - Apply `agents/rules/ai-integration.mdc` for all cost, fallback, and safety decisions.
@@ -0,0 +1,51 @@
1
+ ---
2
+ name: raphaelsalaja-userinterface-wiki
3
+ description: UI and UX best-practice playbook for stronger information architecture, readability, and usability.
4
+ ---
5
+
6
+ # User Interface Wiki Playbook
7
+
8
+ Use this skill when improving UI clarity, hierarchy, and interaction ergonomics.
9
+
10
+ ## Trigger Conditions
11
+
12
+ - User requests a frontend cleanup or UX review.
13
+ - Interface has weak visual hierarchy or navigation confusion.
14
+ - Product needs consistent UI patterns across pages.
15
+
16
+ ## Workflow
17
+
18
+ 1. Audit hierarchy: headings, spacing, grouping, and contrast.
19
+ 2. Audit navigation and task flow for top user goals.
20
+ 3. Standardize component patterns (cards, forms, tables, dialogs).
21
+ 4. Tighten copy and labels for faster comprehension.
22
+ 5. Validate responsive behavior at mobile, tablet, and desktop widths.
23
+ 6. Validate accessibility semantics and keyboard flow.
24
+
25
+ ## Interface Quality Checklist
26
+
27
+ - Primary action is obvious in each view.
28
+ - Navigation labels are unambiguous.
29
+ - Form errors are clear, contextual, and actionable.
30
+ - Empty/loading/error states are explicit.
31
+ - Density and spacing are consistent across sections.
32
+
33
+ ## Output Contract
34
+
35
+ - UX issues grouped by severity
36
+ - IA and layout improvements
37
+ - Component consistency decisions
38
+ - Accessibility and responsiveness findings
39
+ - Validation steps and acceptance criteria
40
+
41
+ ## Guardrails
42
+
43
+ - Avoid visual changes that break existing design-system tokens.
44
+ - Keep interaction patterns predictable and learnable.
45
+ - Optimize for readability before decoration.
46
+ - Confirm improvements with at least one critical user journey.
47
+
48
+ ## Upstream Reference
49
+
50
+ - Original package command:
51
+ - npx skills add raphaelsalaja/userinterface-wiki
@@ -0,0 +1,39 @@
1
+ ---
2
+ name: secure-code-guardian
3
+ description: Enforces secure-by-default implementation for auth, credentials, and untrusted input paths with OWASP-aligned controls.
4
+ ---
5
+
6
+ # Secure Code Guardian
7
+
8
+ Use this skill when building or reviewing features that touch authentication, secrets, session logic, or user-controlled input.
9
+
10
+ ## Trigger Conditions
11
+
12
+ - User asks for secure implementation, auth, JWT, password handling, or OWASP checks.
13
+ - New endpoints, forms, or integrations expose untrusted input boundaries.
14
+ - A feature handles sensitive data, identity, or permissions.
15
+
16
+ ## Workflow
17
+
18
+ 1. Map trust boundaries, actors, and attack surface.
19
+ 2. Define authentication and authorization requirements.
20
+ 3. Apply input validation and injection defenses at boundaries.
21
+ 4. Enforce credential/secrets handling and safe logging rules.
22
+ 5. Add abuse protection controls (rate limiting, lockouts, replay defenses where relevant).
23
+ 6. Define security tests and residual risk before ship recommendation.
24
+
25
+ ## Output Contract
26
+
27
+ - Attack surface map
28
+ - Security requirements
29
+ - Applied controls by boundary
30
+ - OWASP alignment notes
31
+ - Security validation checklist
32
+ - Residual risks and mitigations
33
+ - Ship/block recommendation
34
+
35
+ ## Guardrails
36
+
37
+ - Never trust client-side validation alone.
38
+ - Never expose secrets, credentials, or sensitive payloads in logs.
39
+ - Block release recommendation if critical controls are missing.