aws/typescript
.kiro/skills/typescript/SKILL.md
TypeScript conventions and rules for Graph Explorer, including branded types, function style preferences, and type safety patterns.
$ install --global
skillsauthnpx skillsauth add aws/graph-explorer typescriptInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 3, 2026, 2:46 PM281.5s1 file scanned
SKILL.md
- name:
- typescript
- description:
- TypeScript conventions and rules for Graph Explorer, including branded types, function style preferences, and type safety patterns.
TypeScript Conventions
General Rules
- Do not change the VS Code setting
typescript.autoClosingTags - Prefer named function syntax over anonymous arrow functions for module-level declarations (e.g.,
function handleClick() {}overconst handleClick = () => {}). Arrow functions within function scope are fine. - Every commit should have no type errors
- Use explicit type aliases instead of
ReturnType<typeof ...>when available (e.g., useAppStoreinstead ofReturnType<typeof getAppStore>)
Branded Types
The project uses branded types from @/utils for type safety. These prevent accidental mixing of similar types at compile time.
| Type | Creator Function | Location |
| ------------------------ | ---------------------------- | --------------------------------------- |
| VertexId | createVertexId() | @/core/entities/vertex |
| VertexType | createVertexType() | @/core/entities/vertex |
| EdgeId | createEdgeId() | @/core/entities/edge |
| EdgeType | createEdgeType() | @/core/entities/edge |
| EdgeConnectionId | createEdgeConnectionId() | @/core/StateProvider/edgeConnectionId |
| ConfigurationId | createNewConfigurationId() | @/core/ConfigurationProvider/types |
| RenderedVertexId | toRenderedVertexId() | @/core/StateProvider/renderedEntities |
| RenderedEdgeId | toRenderedEdgeId() | @/core/StateProvider/renderedEntities |
| IriNamespace | splitIri() | @/utils/rdf |
| IriLocalValue | splitIri() | @/utils/rdf |
| RdfPrefix | generatePrefix() | @/utils/rdf |
| NormalizedIriNamespace | normalizeNamespace() | @/utils/rdf |
Always use the appropriate branded type instead of string when working with these identifiers.
Related Skills
aws/testing
tools
VerifiedTrustedCommunity
Testing standards, patterns, and utilities for Graph Explorer including Vitest, DbState, renderHookWithState, test data factories, SPARQL test helpers, and backward compatibility testing for persisted data.
447SKILL.mdUpdated Apr 3, 2026
aws/tailwind
development
VerifiedTrustedCommunity
Tailwind CSS v4 styling rules, responsive design patterns, and data attribute conventions for Graph Explorer.
447SKILL.mdUpdated Apr 3, 2026
aws/schema
data-ai
VerifiedTrustedCommunity
Schema storage and discovery in Graph Explorer, including SchemaStorageModel persistence, edge connections, incremental schema growth, and related Jotai atoms.
447SKILL.mdUpdated Apr 3, 2026
aws/react
development
VerifiedTrustedCommunity
React component patterns, hooks, naming conventions, and the query-language translation system for Graph Explorer.
447SKILL.mdUpdated Apr 3, 2026