flyee 0.1.0
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/LICENSE +21 -0
- package/README.md +134 -0
- package/bin/install.js +357 -0
- package/bridge/bridge.py +1780 -0
- package/bridge/local_tracker.py +722 -0
- package/core/agents/backend-specialist.md +266 -0
- package/core/agents/code-archaeologist.md +106 -0
- package/core/agents/database-architect.md +226 -0
- package/core/agents/debugger.md +225 -0
- package/core/agents/devops-engineer.md +323 -0
- package/core/agents/documentation-writer.md +104 -0
- package/core/agents/explorer-agent.md +73 -0
- package/core/agents/frontend-specialist.md +743 -0
- package/core/agents/game-developer.md +162 -0
- package/core/agents/mobile-developer.md +377 -0
- package/core/agents/orchestrator.md +416 -0
- package/core/agents/penetration-tester.md +188 -0
- package/core/agents/performance-optimizer.md +187 -0
- package/core/agents/product-manager.md +112 -0
- package/core/agents/product-owner.md +95 -0
- package/core/agents/project-planner.md +470 -0
- package/core/agents/qa-automation-engineer.md +103 -0
- package/core/agents/security-auditor.md +170 -0
- package/core/agents/seo-specialist.md +111 -0
- package/core/agents/stitch-designer.md +190 -0
- package/core/agents/tdd-reviewer.md +282 -0
- package/core/agents/test-engineer.md +158 -0
- package/core/scripts/auto_preview.py +148 -0
- package/core/scripts/checklist.py +243 -0
- package/core/scripts/cost_report.py +149 -0
- package/core/scripts/doc-sync-check.py +461 -0
- package/core/scripts/parse_user_stories.py +79 -0
- package/core/scripts/prepare_notion_updates.py +172 -0
- package/core/scripts/print_create_payload.py +18 -0
- package/core/scripts/session_manager.py +120 -0
- package/core/scripts/task_complete.py +127 -0
- package/core/scripts/verify_all.py +327 -0
- package/core/skills/analytics-strategy/SKILL.md +128 -0
- package/core/skills/api-patterns/SKILL.md +81 -0
- package/core/skills/api-patterns/api-style.md +42 -0
- package/core/skills/api-patterns/auth.md +24 -0
- package/core/skills/api-patterns/documentation.md +26 -0
- package/core/skills/api-patterns/graphql.md +41 -0
- package/core/skills/api-patterns/rate-limiting.md +31 -0
- package/core/skills/api-patterns/response.md +37 -0
- package/core/skills/api-patterns/rest.md +40 -0
- package/core/skills/api-patterns/scripts/api_validator.py +211 -0
- package/core/skills/api-patterns/security-testing.md +122 -0
- package/core/skills/api-patterns/trpc.md +41 -0
- package/core/skills/api-patterns/versioning.md +22 -0
- package/core/skills/app-builder/SKILL.md +75 -0
- package/core/skills/app-builder/agent-coordination.md +71 -0
- package/core/skills/app-builder/feature-building.md +53 -0
- package/core/skills/app-builder/project-detection.md +34 -0
- package/core/skills/app-builder/scaffolding.md +118 -0
- package/core/skills/app-builder/tech-stack.md +40 -0
- package/core/skills/app-builder/templates/SKILL.md +39 -0
- package/core/skills/app-builder/templates/astro-static/TEMPLATE.md +76 -0
- package/core/skills/app-builder/templates/chrome-extension/TEMPLATE.md +92 -0
- package/core/skills/app-builder/templates/cli-tool/TEMPLATE.md +88 -0
- package/core/skills/app-builder/templates/electron-desktop/TEMPLATE.md +88 -0
- package/core/skills/app-builder/templates/express-api/TEMPLATE.md +83 -0
- package/core/skills/app-builder/templates/flutter-app/TEMPLATE.md +90 -0
- package/core/skills/app-builder/templates/monorepo-turborepo/TEMPLATE.md +90 -0
- package/core/skills/app-builder/templates/nextjs-fullstack/TEMPLATE.md +82 -0
- package/core/skills/app-builder/templates/nextjs-saas/TEMPLATE.md +100 -0
- package/core/skills/app-builder/templates/nextjs-static/TEMPLATE.md +106 -0
- package/core/skills/app-builder/templates/nuxt-app/TEMPLATE.md +101 -0
- package/core/skills/app-builder/templates/python-fastapi/TEMPLATE.md +83 -0
- package/core/skills/app-builder/templates/react-native-app/TEMPLATE.md +93 -0
- package/core/skills/architecture/SKILL.md +55 -0
- package/core/skills/architecture/context-discovery.md +43 -0
- package/core/skills/architecture/examples.md +94 -0
- package/core/skills/architecture/pattern-selection.md +68 -0
- package/core/skills/architecture/patterns-reference.md +50 -0
- package/core/skills/architecture/trade-off-analysis.md +77 -0
- package/core/skills/atomic-design/SKILL.md +282 -0
- package/core/skills/atomic-design/references/classification-guide.md +132 -0
- package/core/skills/atomic-design/references/quality-checklist.md +60 -0
- package/core/skills/atomic-design/references/stacks/stack-blade.md +254 -0
- package/core/skills/atomic-design/references/stacks/stack-nextjs.md +272 -0
- package/core/skills/atomic-design/references/stacks/stack-react.md +239 -0
- package/core/skills/atomic-design/references/stacks/stack-vue.md +224 -0
- package/core/skills/bash-linux/SKILL.md +199 -0
- package/core/skills/behavioral-modes/SKILL.md +242 -0
- package/core/skills/brainstorming/SKILL.md +163 -0
- package/core/skills/brainstorming/dynamic-questioning.md +373 -0
- package/core/skills/checkpointing-patterns/SKILL.md +163 -0
- package/core/skills/clean-code/SKILL.md +201 -0
- package/core/skills/code-review-checklist/SKILL.md +109 -0
- package/core/skills/code-truth-validation/SKILL.md +149 -0
- package/core/skills/component-library-discovery/SKILL.md +154 -0
- package/core/skills/content-strategy/SKILL.md +222 -0
- package/core/skills/context-budget/SKILL.md +155 -0
- package/core/skills/context-gathering-patterns/SKILL.md +278 -0
- package/core/skills/cost-tracking/SKILL.md +206 -0
- package/core/skills/database-design/SKILL.md +52 -0
- package/core/skills/database-design/database-selection.md +43 -0
- package/core/skills/database-design/indexing.md +39 -0
- package/core/skills/database-design/migrations.md +48 -0
- package/core/skills/database-design/optimization.md +36 -0
- package/core/skills/database-design/orm-selection.md +30 -0
- package/core/skills/database-design/schema-design.md +56 -0
- package/core/skills/database-design/scripts/schema_validator.py +172 -0
- package/core/skills/deployment-procedures/SKILL.md +295 -0
- package/core/skills/design-md/README.md +34 -0
- package/core/skills/design-md/SKILL.md +172 -0
- package/core/skills/design-md/examples/DESIGN.md +154 -0
- package/core/skills/design-system-enforcement/SKILL.md +339 -0
- package/core/skills/doc.md +177 -0
- package/core/skills/document-registry/SKILL.md +130 -0
- package/core/skills/documentation-publishing/SKILL.md +174 -0
- package/core/skills/documentation-templates/SKILL.md +194 -0
- package/core/skills/enhance-prompt/README.md +34 -0
- package/core/skills/enhance-prompt/SKILL.md +204 -0
- package/core/skills/enhance-prompt/references/KEYWORDS.md +114 -0
- package/core/skills/frontend-design/SKILL.md +430 -0
- package/core/skills/frontend-design/animation-guide.md +331 -0
- package/core/skills/frontend-design/color-system.md +311 -0
- package/core/skills/frontend-design/decision-trees.md +418 -0
- package/core/skills/frontend-design/motion-graphics.md +306 -0
- package/core/skills/frontend-design/scripts/accessibility_checker.py +183 -0
- package/core/skills/frontend-design/scripts/ux_audit.py +722 -0
- package/core/skills/frontend-design/typography-system.md +345 -0
- package/core/skills/frontend-design/ux-psychology.md +541 -0
- package/core/skills/frontend-design/visual-effects.md +383 -0
- package/core/skills/game-development/2d-games/SKILL.md +119 -0
- package/core/skills/game-development/3d-games/SKILL.md +135 -0
- package/core/skills/game-development/SKILL.md +167 -0
- package/core/skills/game-development/game-art/SKILL.md +185 -0
- package/core/skills/game-development/game-audio/SKILL.md +190 -0
- package/core/skills/game-development/game-design/SKILL.md +129 -0
- package/core/skills/game-development/mobile-games/SKILL.md +108 -0
- package/core/skills/game-development/multiplayer/SKILL.md +132 -0
- package/core/skills/game-development/pc-games/SKILL.md +144 -0
- package/core/skills/game-development/vr-ar/SKILL.md +123 -0
- package/core/skills/game-development/web-games/SKILL.md +150 -0
- package/core/skills/geo-fundamentals/SKILL.md +156 -0
- package/core/skills/geo-fundamentals/scripts/geo_checker.py +289 -0
- package/core/skills/git-workflow/SKILL.md +263 -0
- package/core/skills/history-check-patterns/SKILL.md +125 -0
- package/core/skills/i18n-localization/SKILL.md +154 -0
- package/core/skills/i18n-localization/scripts/i18n_checker.py +241 -0
- package/core/skills/integration-completeness/SKILL.md +219 -0
- package/core/skills/intelligent-routing/SKILL.md +370 -0
- package/core/skills/lint-and-validate/SKILL.md +45 -0
- package/core/skills/lint-and-validate/scripts/lint_runner.py +173 -0
- package/core/skills/lint-and-validate/scripts/type_coverage.py +173 -0
- package/core/skills/local-verification/SKILL.md +195 -0
- package/core/skills/mcp-builder/SKILL.md +176 -0
- package/core/skills/mobile-design/SKILL.md +394 -0
- package/core/skills/mobile-design/decision-trees.md +516 -0
- package/core/skills/mobile-design/mobile-backend.md +491 -0
- package/core/skills/mobile-design/mobile-color-system.md +420 -0
- package/core/skills/mobile-design/mobile-debugging.md +122 -0
- package/core/skills/mobile-design/mobile-design-thinking.md +357 -0
- package/core/skills/mobile-design/mobile-navigation.md +458 -0
- package/core/skills/mobile-design/mobile-performance.md +767 -0
- package/core/skills/mobile-design/mobile-testing.md +356 -0
- package/core/skills/mobile-design/mobile-typography.md +433 -0
- package/core/skills/mobile-design/platform-android.md +666 -0
- package/core/skills/mobile-design/platform-ios.md +561 -0
- package/core/skills/mobile-design/scripts/mobile_audit.py +670 -0
- package/core/skills/mobile-design/touch-psychology.md +537 -0
- package/core/skills/nextjs-react-expert/1-async-eliminating-waterfalls.md +312 -0
- package/core/skills/nextjs-react-expert/2-bundle-bundle-size-optimization.md +240 -0
- package/core/skills/nextjs-react-expert/3-server-server-side-performance.md +490 -0
- package/core/skills/nextjs-react-expert/4-client-client-side-data-fetching.md +264 -0
- package/core/skills/nextjs-react-expert/5-rerender-re-render-optimization.md +581 -0
- package/core/skills/nextjs-react-expert/6-rendering-rendering-performance.md +432 -0
- package/core/skills/nextjs-react-expert/7-js-javascript-performance.md +684 -0
- package/core/skills/nextjs-react-expert/8-advanced-advanced-patterns.md +150 -0
- package/core/skills/nextjs-react-expert/SKILL.md +267 -0
- package/core/skills/nextjs-react-expert/scripts/convert_rules.py +222 -0
- package/core/skills/nextjs-react-expert/scripts/react_performance_checker.py +252 -0
- package/core/skills/nodejs-best-practices/SKILL.md +333 -0
- package/core/skills/notion-task-patterns/SKILL.md +2529 -0
- package/core/skills/page-specifications/SKILL.md +367 -0
- package/core/skills/parallel-agents/SKILL.md +175 -0
- package/core/skills/performance-profiling/SKILL.md +143 -0
- package/core/skills/performance-profiling/scripts/lighthouse_audit.py +76 -0
- package/core/skills/plan-writing/SKILL.md +190 -0
- package/core/skills/powershell-windows/SKILL.md +167 -0
- package/core/skills/project-foundation/SKILL.md +117 -0
- package/core/skills/project-setup/SKILL.md +141 -0
- package/core/skills/project-tracking-patterns/SKILL.md +357 -0
- package/core/skills/project-type-discovery/SKILL.md +239 -0
- package/core/skills/python-patterns/SKILL.md +441 -0
- package/core/skills/qa-test-generation/SKILL.md +156 -0
- package/core/skills/react-components/README.md +36 -0
- package/core/skills/react-components/SKILL.md +47 -0
- package/core/skills/react-components/examples/gold-standard-card.tsx +80 -0
- package/core/skills/react-components/package-lock.json +231 -0
- package/core/skills/react-components/package.json +16 -0
- package/core/skills/react-components/resources/architecture-checklist.md +15 -0
- package/core/skills/react-components/resources/component-template.tsx +37 -0
- package/core/skills/react-components/resources/stitch-api-reference.md +14 -0
- package/core/skills/react-components/resources/style-guide.json +27 -0
- package/core/skills/react-components/scripts/fetch-stitch.sh +30 -0
- package/core/skills/react-components/scripts/validate.js +68 -0
- package/core/skills/red-team-tactics/SKILL.md +199 -0
- package/core/skills/remotion/README.md +105 -0
- package/core/skills/remotion/SKILL.md +393 -0
- package/core/skills/remotion/examples/WalkthroughComposition.tsx +78 -0
- package/core/skills/remotion/examples/screens.json +56 -0
- package/core/skills/remotion/resources/composition-checklist.md +124 -0
- package/core/skills/remotion/resources/screen-slide-template.tsx +123 -0
- package/core/skills/remotion/scripts/download-stitch-asset.sh +38 -0
- package/core/skills/seo-fundamentals/SKILL.md +129 -0
- package/core/skills/seo-fundamentals/scripts/seo_checker.py +219 -0
- package/core/skills/server-management/SKILL.md +161 -0
- package/core/skills/session-resilience/SKILL.md +199 -0
- package/core/skills/shadcn-ui/README.md +248 -0
- package/core/skills/shadcn-ui/SKILL.md +326 -0
- package/core/skills/shadcn-ui/examples/auth-layout.tsx +177 -0
- package/core/skills/shadcn-ui/examples/data-table.tsx +313 -0
- package/core/skills/shadcn-ui/examples/form-pattern.tsx +177 -0
- package/core/skills/shadcn-ui/resources/component-catalog.md +481 -0
- package/core/skills/shadcn-ui/resources/customization-guide.md +516 -0
- package/core/skills/shadcn-ui/resources/migration-guide.md +463 -0
- package/core/skills/shadcn-ui/resources/setup-guide.md +412 -0
- package/core/skills/shadcn-ui/scripts/verify-setup.sh +134 -0
- package/core/skills/state-machine/SKILL.md +264 -0
- package/core/skills/stitch-loop/README.md +54 -0
- package/core/skills/stitch-loop/SKILL.md +203 -0
- package/core/skills/stitch-loop/examples/SITE.md +73 -0
- package/core/skills/stitch-loop/examples/next-prompt.md +25 -0
- package/core/skills/stitch-loop/resources/baton-schema.md +61 -0
- package/core/skills/stitch-loop/resources/site-template.md +104 -0
- package/core/skills/systematic-debugging/SKILL.md +109 -0
- package/core/skills/tailwind-patterns/SKILL.md +284 -0
- package/core/skills/tdd-validation/SKILL.md +243 -0
- package/core/skills/tdd-workflow/SKILL.md +284 -0
- package/core/skills/testing-patterns/SKILL.md +196 -0
- package/core/skills/testing-patterns/scripts/test_runner.py +219 -0
- package/core/skills/ui-ux-discovery/SKILL.md +329 -0
- package/core/skills/ui-validation/SKILL.md +190 -0
- package/core/skills/ui-validation/scripts/ui_antipattern_check.py +317 -0
- package/core/skills/verification-gate/SKILL.md +205 -0
- package/core/skills/vulnerability-scanner/SKILL.md +276 -0
- package/core/skills/vulnerability-scanner/checklists.md +121 -0
- package/core/skills/vulnerability-scanner/scripts/security_scan.py +458 -0
- package/core/skills/web-design-guidelines/SKILL.md +57 -0
- package/core/skills/webapp-testing/SKILL.md +187 -0
- package/core/skills/webapp-testing/scripts/playwright_runner.py +173 -0
- package/core/templates/ARCHITECTURE.template.md +407 -0
- package/core/templates/project-resources.example.json +71 -0
- package/core/workflows/atomic.md +182 -0
- package/core/workflows/brainstorm.md +134 -0
- package/core/workflows/check-task.md +242 -0
- package/core/workflows/copy-collect.md +306 -0
- package/core/workflows/create-agent.md +33 -0
- package/core/workflows/create-skill.md +39 -0
- package/core/workflows/create-workflow.md +33 -0
- package/core/workflows/create.md +92 -0
- package/core/workflows/debug.md +186 -0
- package/core/workflows/demand.md +443 -0
- package/core/workflows/deploy.md +260 -0
- package/core/workflows/discovery.md +267 -0
- package/core/workflows/document.md +272 -0
- package/core/workflows/ds-components.md +296 -0
- package/core/workflows/ds-init.md +58 -0
- package/core/workflows/ds-refactor.md +245 -0
- package/core/workflows/ds-references.md +197 -0
- package/core/workflows/ds-styleguide.md +237 -0
- package/core/workflows/ds-token-diff.md +103 -0
- package/core/workflows/ds-tokens.md +317 -0
- package/core/workflows/ds-validate.md +309 -0
- package/core/workflows/execute.md +483 -0
- package/core/workflows/extract-template.md +278 -0
- package/core/workflows/fix-failed-tests.md +160 -0
- package/core/workflows/init-project.md +386 -0
- package/core/workflows/legacy-project.md +849 -0
- package/core/workflows/log.md +97 -0
- package/core/workflows/new-project.md +610 -0
- package/core/workflows/new-project.md.bak +3292 -0
- package/core/workflows/new-task.md +404 -0
- package/core/workflows/orchestrate.md +237 -0
- package/core/workflows/page-build.md +296 -0
- package/core/workflows/plan.md +89 -0
- package/core/workflows/prd.md +255 -0
- package/core/workflows/preview.md +81 -0
- package/core/workflows/review-page.md +304 -0
- package/core/workflows/status.md +86 -0
- package/core/workflows/stitch.md +226 -0
- package/core/workflows/task-complete.md +473 -0
- package/core/workflows/task-update.md +163 -0
- package/core/workflows/tdd.md +344 -0
- package/core/workflows/test.md +251 -0
- package/core/workflows/ui-ux-pro-max.md +437 -0
- package/core/workflows/ux-mobile-optimize.md +262 -0
- package/core/workflows/ux-mobile-validate.md +297 -0
- package/engine-files/GEMINI.md +69 -0
- package/package.json +47 -0
- package/runtime-adapters/antigravity.js +26 -0
- package/runtime-adapters/claude.js +57 -0
- package/runtime-adapters/codex.js +51 -0
- package/runtime-adapters/copilot.js +51 -0
- package/runtime-adapters/cursor.js +51 -0
- package/runtime-adapters/gemini-cli.js +30 -0
- package/runtime-adapters/opencode.js +51 -0
- package/runtime-adapters/windsurf.js +51 -0
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: clean-code
|
|
3
|
+
description: Pragmatic coding standards - concise, direct, no over-engineering, no unnecessary comments
|
|
4
|
+
allowed-tools: Read, Write, Edit
|
|
5
|
+
version: 2.0
|
|
6
|
+
priority: CRITICAL
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
# Clean Code - Pragmatic AI Coding Standards
|
|
10
|
+
|
|
11
|
+
> **CRITICAL SKILL** - Be **concise, direct, and solution-focused**.
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
## Core Principles
|
|
16
|
+
|
|
17
|
+
| Principle | Rule |
|
|
18
|
+
|-----------|------|
|
|
19
|
+
| **SRP** | Single Responsibility - each function/class does ONE thing |
|
|
20
|
+
| **DRY** | Don't Repeat Yourself - extract duplicates, reuse |
|
|
21
|
+
| **KISS** | Keep It Simple - simplest solution that works |
|
|
22
|
+
| **YAGNI** | You Aren't Gonna Need It - don't build unused features |
|
|
23
|
+
| **Boy Scout** | Leave code cleaner than you found it |
|
|
24
|
+
|
|
25
|
+
---
|
|
26
|
+
|
|
27
|
+
## Naming Rules
|
|
28
|
+
|
|
29
|
+
| Element | Convention |
|
|
30
|
+
|---------|------------|
|
|
31
|
+
| **Variables** | Reveal intent: `userCount` not `n` |
|
|
32
|
+
| **Functions** | Verb + noun: `getUserById()` not `user()` |
|
|
33
|
+
| **Booleans** | Question form: `isActive`, `hasPermission`, `canEdit` |
|
|
34
|
+
| **Constants** | SCREAMING_SNAKE: `MAX_RETRY_COUNT` |
|
|
35
|
+
|
|
36
|
+
> **Rule:** If you need a comment to explain a name, rename it.
|
|
37
|
+
|
|
38
|
+
---
|
|
39
|
+
|
|
40
|
+
## Function Rules
|
|
41
|
+
|
|
42
|
+
| Rule | Description |
|
|
43
|
+
|------|-------------|
|
|
44
|
+
| **Small** | Max 20 lines, ideally 5-10 |
|
|
45
|
+
| **One Thing** | Does one thing, does it well |
|
|
46
|
+
| **One Level** | One level of abstraction per function |
|
|
47
|
+
| **Few Args** | Max 3 arguments, prefer 0-2 |
|
|
48
|
+
| **No Side Effects** | Don't mutate inputs unexpectedly |
|
|
49
|
+
|
|
50
|
+
---
|
|
51
|
+
|
|
52
|
+
## Code Structure
|
|
53
|
+
|
|
54
|
+
| Pattern | Apply |
|
|
55
|
+
|---------|-------|
|
|
56
|
+
| **Guard Clauses** | Early returns for edge cases |
|
|
57
|
+
| **Flat > Nested** | Avoid deep nesting (max 2 levels) |
|
|
58
|
+
| **Composition** | Small functions composed together |
|
|
59
|
+
| **Colocation** | Keep related code close |
|
|
60
|
+
|
|
61
|
+
---
|
|
62
|
+
|
|
63
|
+
## AI Coding Style
|
|
64
|
+
|
|
65
|
+
| Situation | Action |
|
|
66
|
+
|-----------|--------|
|
|
67
|
+
| User asks for feature | Write it directly |
|
|
68
|
+
| User reports bug | Fix it, don't explain |
|
|
69
|
+
| No clear requirement | Ask, don't assume |
|
|
70
|
+
|
|
71
|
+
---
|
|
72
|
+
|
|
73
|
+
## Anti-Patterns (DON'T)
|
|
74
|
+
|
|
75
|
+
| ❌ Pattern | ✅ Fix |
|
|
76
|
+
|-----------|-------|
|
|
77
|
+
| Comment every line | Delete obvious comments |
|
|
78
|
+
| Helper for one-liner | Inline the code |
|
|
79
|
+
| Factory for 2 objects | Direct instantiation |
|
|
80
|
+
| utils.ts with 1 function | Put code where used |
|
|
81
|
+
| "First we import..." | Just write code |
|
|
82
|
+
| Deep nesting | Guard clauses |
|
|
83
|
+
| Magic numbers | Named constants |
|
|
84
|
+
| God functions | Split by responsibility |
|
|
85
|
+
|
|
86
|
+
---
|
|
87
|
+
|
|
88
|
+
## 🔴 Before Editing ANY File (THINK FIRST!)
|
|
89
|
+
|
|
90
|
+
**Before changing a file, ask yourself:**
|
|
91
|
+
|
|
92
|
+
| Question | Why |
|
|
93
|
+
|----------|-----|
|
|
94
|
+
| **What imports this file?** | They might break |
|
|
95
|
+
| **What does this file import?** | Interface changes |
|
|
96
|
+
| **What tests cover this?** | Tests might fail |
|
|
97
|
+
| **Is this a shared component?** | Multiple places affected |
|
|
98
|
+
|
|
99
|
+
**Quick Check:**
|
|
100
|
+
```
|
|
101
|
+
File to edit: UserService.ts
|
|
102
|
+
└── Who imports this? → UserController.ts, AuthController.ts
|
|
103
|
+
└── Do they need changes too? → Check function signatures
|
|
104
|
+
```
|
|
105
|
+
|
|
106
|
+
> 🔴 **Rule:** Edit the file + all dependent files in the SAME task.
|
|
107
|
+
> 🔴 **Never leave broken imports or missing updates.**
|
|
108
|
+
|
|
109
|
+
---
|
|
110
|
+
|
|
111
|
+
## Summary
|
|
112
|
+
|
|
113
|
+
| Do | Don't |
|
|
114
|
+
|----|-------|
|
|
115
|
+
| Write code directly | Write tutorials |
|
|
116
|
+
| Let code self-document | Add obvious comments |
|
|
117
|
+
| Fix bugs immediately | Explain the fix first |
|
|
118
|
+
| Inline small things | Create unnecessary files |
|
|
119
|
+
| Name things clearly | Use abbreviations |
|
|
120
|
+
| Keep functions small | Write 100+ line functions |
|
|
121
|
+
|
|
122
|
+
> **Remember: The user wants working code, not a programming lesson.**
|
|
123
|
+
|
|
124
|
+
---
|
|
125
|
+
|
|
126
|
+
## 🔴 Self-Check Before Completing (MANDATORY)
|
|
127
|
+
|
|
128
|
+
**Before saying "task complete", verify:**
|
|
129
|
+
|
|
130
|
+
| Check | Question |
|
|
131
|
+
|-------|----------|
|
|
132
|
+
| ✅ **Goal met?** | Did I do exactly what user asked? |
|
|
133
|
+
| ✅ **Files edited?** | Did I modify all necessary files? |
|
|
134
|
+
| ✅ **Code works?** | Did I test/verify the change? |
|
|
135
|
+
| ✅ **No errors?** | Lint and TypeScript pass? |
|
|
136
|
+
| ✅ **Nothing forgotten?** | Any edge cases missed? |
|
|
137
|
+
|
|
138
|
+
> 🔴 **Rule:** If ANY check fails, fix it before completing.
|
|
139
|
+
|
|
140
|
+
---
|
|
141
|
+
|
|
142
|
+
## Verification Scripts (MANDATORY)
|
|
143
|
+
|
|
144
|
+
> 🔴 **CRITICAL:** Each agent runs ONLY their own skill's scripts after completing work.
|
|
145
|
+
|
|
146
|
+
### Agent → Script Mapping
|
|
147
|
+
|
|
148
|
+
| Agent | Script | Command |
|
|
149
|
+
|-------|--------|---------|
|
|
150
|
+
| **frontend-specialist** | UX Audit | `python .agent/skills/frontend-design/scripts/ux_audit.py .` |
|
|
151
|
+
| **frontend-specialist** | A11y Check | `python .agent/skills/frontend-design/scripts/accessibility_checker.py .` |
|
|
152
|
+
| **backend-specialist** | API Validator | `python .agent/skills/api-patterns/scripts/api_validator.py .` |
|
|
153
|
+
| **mobile-developer** | Mobile Audit | `python .agent/skills/mobile-design/scripts/mobile_audit.py .` |
|
|
154
|
+
| **database-architect** | Schema Validate | `python .agent/skills/database-design/scripts/schema_validator.py .` |
|
|
155
|
+
| **security-auditor** | Security Scan | `python .agent/skills/vulnerability-scanner/scripts/security_scan.py .` |
|
|
156
|
+
| **seo-specialist** | SEO Check | `python .agent/skills/seo-fundamentals/scripts/seo_checker.py .` |
|
|
157
|
+
| **seo-specialist** | GEO Check | `python .agent/skills/geo-fundamentals/scripts/geo_checker.py .` |
|
|
158
|
+
| **performance-optimizer** | Lighthouse | `python .agent/skills/performance-profiling/scripts/lighthouse_audit.py <url>` |
|
|
159
|
+
| **test-engineer** | Test Runner | `python .agent/skills/testing-patterns/scripts/test_runner.py .` |
|
|
160
|
+
| **test-engineer** | Playwright | `python .agent/skills/webapp-testing/scripts/playwright_runner.py <url>` |
|
|
161
|
+
| **Any agent** | Lint Check | `python .agent/skills/lint-and-validate/scripts/lint_runner.py .` |
|
|
162
|
+
| **Any agent** | Type Coverage | `python .agent/skills/lint-and-validate/scripts/type_coverage.py .` |
|
|
163
|
+
| **Any agent** | i18n Check | `python .agent/skills/i18n-localization/scripts/i18n_checker.py .` |
|
|
164
|
+
|
|
165
|
+
> ❌ **WRONG:** `test-engineer` running `ux_audit.py`
|
|
166
|
+
> ✅ **CORRECT:** `frontend-specialist` running `ux_audit.py`
|
|
167
|
+
|
|
168
|
+
---
|
|
169
|
+
|
|
170
|
+
### 🔴 Script Output Handling (READ → SUMMARIZE → ASK)
|
|
171
|
+
|
|
172
|
+
**When running a validation script, you MUST:**
|
|
173
|
+
|
|
174
|
+
1. **Run the script** and capture ALL output
|
|
175
|
+
2. **Parse the output** - identify errors, warnings, and passes
|
|
176
|
+
3. **Summarize to user** in this format:
|
|
177
|
+
|
|
178
|
+
```markdown
|
|
179
|
+
## Script Results: [script_name.py]
|
|
180
|
+
|
|
181
|
+
### ❌ Errors Found (X items)
|
|
182
|
+
- [File:Line] Error description 1
|
|
183
|
+
- [File:Line] Error description 2
|
|
184
|
+
|
|
185
|
+
### ⚠️ Warnings (Y items)
|
|
186
|
+
- [File:Line] Warning description
|
|
187
|
+
|
|
188
|
+
### ✅ Passed (Z items)
|
|
189
|
+
- Check 1 passed
|
|
190
|
+
- Check 2 passed
|
|
191
|
+
|
|
192
|
+
**Should I fix the X errors?**
|
|
193
|
+
```
|
|
194
|
+
|
|
195
|
+
4. **Wait for user confirmation** before fixing
|
|
196
|
+
5. **After fixing** → Re-run script to confirm
|
|
197
|
+
|
|
198
|
+
> 🔴 **VIOLATION:** Running script and ignoring output = FAILED task.
|
|
199
|
+
> 🔴 **VIOLATION:** Auto-fixing without asking = Not allowed.
|
|
200
|
+
> 🔴 **Rule:** Always READ output → SUMMARIZE → ASK → then fix.
|
|
201
|
+
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: code-review-checklist
|
|
3
|
+
description: Code review guidelines covering code quality, security, and best practices.
|
|
4
|
+
allowed-tools: Read, Glob, Grep
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
# Code Review Checklist
|
|
8
|
+
|
|
9
|
+
## Quick Review Checklist
|
|
10
|
+
|
|
11
|
+
### Correctness
|
|
12
|
+
- [ ] Code does what it's supposed to do
|
|
13
|
+
- [ ] Edge cases handled
|
|
14
|
+
- [ ] Error handling in place
|
|
15
|
+
- [ ] No obvious bugs
|
|
16
|
+
|
|
17
|
+
### Security
|
|
18
|
+
- [ ] Input validated and sanitized
|
|
19
|
+
- [ ] No SQL/NoSQL injection vulnerabilities
|
|
20
|
+
- [ ] No XSS or CSRF vulnerabilities
|
|
21
|
+
- [ ] No hardcoded secrets or sensitive credentials
|
|
22
|
+
- [ ] **AI-Specific:** Protection against Prompt Injection (if applicable)
|
|
23
|
+
- [ ] **AI-Specific:** Outputs are sanitized before being used in critical sinks
|
|
24
|
+
|
|
25
|
+
### Performance
|
|
26
|
+
- [ ] No N+1 queries
|
|
27
|
+
- [ ] No unnecessary loops
|
|
28
|
+
- [ ] Appropriate caching
|
|
29
|
+
- [ ] Bundle size impact considered
|
|
30
|
+
|
|
31
|
+
### Code Quality
|
|
32
|
+
- [ ] Clear naming
|
|
33
|
+
- [ ] DRY - no duplicate code
|
|
34
|
+
- [ ] SOLID principles followed
|
|
35
|
+
- [ ] Appropriate abstraction level
|
|
36
|
+
|
|
37
|
+
### Testing
|
|
38
|
+
- [ ] Unit tests for new code
|
|
39
|
+
- [ ] Edge cases tested
|
|
40
|
+
- [ ] Tests readable and maintainable
|
|
41
|
+
|
|
42
|
+
### Documentation
|
|
43
|
+
- [ ] Complex logic commented
|
|
44
|
+
- [ ] Public APIs documented
|
|
45
|
+
- [ ] README updated if needed
|
|
46
|
+
|
|
47
|
+
## AI & LLM Review Patterns (2025)
|
|
48
|
+
|
|
49
|
+
### Logic & Hallucinations
|
|
50
|
+
- [ ] **Chain of Thought:** Does the logic follow a verifiable path?
|
|
51
|
+
- [ ] **Edge Cases:** Did the AI account for empty states, timeouts, and partial failures?
|
|
52
|
+
- [ ] **External State:** Is the code making safe assumptions about file systems or networks?
|
|
53
|
+
|
|
54
|
+
### Prompt Engineering Review
|
|
55
|
+
```markdown
|
|
56
|
+
// ❌ Vague prompt in code
|
|
57
|
+
const response = await ai.generate(userInput);
|
|
58
|
+
|
|
59
|
+
// ✅ Structured & Safe prompt
|
|
60
|
+
const response = await ai.generate({
|
|
61
|
+
system: "You are a specialized parser...",
|
|
62
|
+
input: sanitize(userInput),
|
|
63
|
+
schema: ResponseSchema
|
|
64
|
+
});
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
## Anti-Patterns to Flag
|
|
68
|
+
|
|
69
|
+
```typescript
|
|
70
|
+
// ❌ Magic numbers
|
|
71
|
+
if (status === 3) { ... }
|
|
72
|
+
|
|
73
|
+
// ✅ Named constants
|
|
74
|
+
if (status === Status.ACTIVE) { ... }
|
|
75
|
+
|
|
76
|
+
// ❌ Deep nesting
|
|
77
|
+
if (a) { if (b) { if (c) { ... } } }
|
|
78
|
+
|
|
79
|
+
// ✅ Early returns
|
|
80
|
+
if (!a) return;
|
|
81
|
+
if (!b) return;
|
|
82
|
+
if (!c) return;
|
|
83
|
+
// do work
|
|
84
|
+
|
|
85
|
+
// ❌ Long functions (100+ lines)
|
|
86
|
+
// ✅ Small, focused functions
|
|
87
|
+
|
|
88
|
+
// ❌ any type
|
|
89
|
+
const data: any = ...
|
|
90
|
+
|
|
91
|
+
// ✅ Proper types
|
|
92
|
+
const data: UserData = ...
|
|
93
|
+
```
|
|
94
|
+
|
|
95
|
+
## Review Comments Guide
|
|
96
|
+
|
|
97
|
+
```
|
|
98
|
+
// Blocking issues use 🔴
|
|
99
|
+
🔴 BLOCKING: SQL injection vulnerability here
|
|
100
|
+
|
|
101
|
+
// Important suggestions use 🟡
|
|
102
|
+
🟡 SUGGESTION: Consider using useMemo for performance
|
|
103
|
+
|
|
104
|
+
// Minor nits use 🟢
|
|
105
|
+
🟢 NIT: Prefer const over let for immutable variable
|
|
106
|
+
|
|
107
|
+
// Questions use ❓
|
|
108
|
+
❓ QUESTION: What happens if user is null here?
|
|
109
|
+
```
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: code-truth-validation
|
|
3
|
+
description: Validação obrigatória de documentação contra código real. Previne inconsistências doc-vs-code em integrações, gateways, enums e arquivos referenciados.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# Code-Truth Validation
|
|
7
|
+
|
|
8
|
+
> **Toda afirmação técnica em documentação DEVE ser verificada contra o código real.**
|
|
9
|
+
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
## 🎯 PROPÓSITO
|
|
13
|
+
|
|
14
|
+
Garantir que documentação gerada (flow docs, TDD, handover) reflita o estado **real** do código — não o estado planejado, assumido, ou desatualizado.
|
|
15
|
+
|
|
16
|
+
---
|
|
17
|
+
|
|
18
|
+
## 🔴 REGRAS OBRIGATÓRIAS
|
|
19
|
+
|
|
20
|
+
> [!CAUTION]
|
|
21
|
+
> **ANTES de salvar qualquer doc técnico**, o agente DEVE executar a validação abaixo.
|
|
22
|
+
> Documentação sem verificação contra código real gera inconsistências graves.
|
|
23
|
+
|
|
24
|
+
### 1. Checklist de Validação por Tipo
|
|
25
|
+
|
|
26
|
+
#### Integrações / Gateways / APIs externas
|
|
27
|
+
|
|
28
|
+
- [ ] Arquivo/classe mencionado **existe** no codebase (`find_by_name` / `grep_search`)
|
|
29
|
+
- [ ] Está **registrado** no enum/config correspondente
|
|
30
|
+
- [ ] Se doc diz "ativo/implementado" → confirmar que código NÃO é stub/mock/placeholder
|
|
31
|
+
- [ ] Se doc diz "será implementado" / "planejado" → marcar com `⏳ PLANEJADO` visível
|
|
32
|
+
|
|
33
|
+
#### Componentes / Arquivos referenciados
|
|
34
|
+
|
|
35
|
+
- [ ] CADA arquivo referenciado existe no path indicado
|
|
36
|
+
- [ ] Funções/métodos citados existem na assinatura real
|
|
37
|
+
|
|
38
|
+
#### Enums / Constantes / Configs
|
|
39
|
+
|
|
40
|
+
- [ ] Valores referenciados confirmados contra o fonte real
|
|
41
|
+
|
|
42
|
+
---
|
|
43
|
+
|
|
44
|
+
### 2. Separação Estado Atual vs Estado Planejado
|
|
45
|
+
|
|
46
|
+
**Se divergência detectada** — NÃO documentar o estado planejado como se fosse atual. Separar:
|
|
47
|
+
|
|
48
|
+
```markdown
|
|
49
|
+
## Estado Atual (verificado no código)
|
|
50
|
+
|
|
51
|
+
[O que realmente existe — com referências a arquivos]
|
|
52
|
+
|
|
53
|
+
## Estado Planejado / Decisão de Projeto
|
|
54
|
+
|
|
55
|
+
> ⏳ **Ainda não implementado no código**
|
|
56
|
+
> [O que deveria existir — com justificativa e referência à decisão]
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
- Registrar divergência como débito técnico na seção de débitos do doc
|
|
60
|
+
|
|
61
|
+
---
|
|
62
|
+
|
|
63
|
+
### 3. Cross-Scope Doc-vs-Code (para escopos anteriores)
|
|
64
|
+
|
|
65
|
+
> [!WARNING]
|
|
66
|
+
> Documentação de escopos anteriores pode conter **afirmações desatualizadas**
|
|
67
|
+
> (ex: flow doc do `shop/` dizendo "gateway = Pagar.me" quando o código tem `Cielo.php`).
|
|
68
|
+
|
|
69
|
+
Para cada **integração ou componente cross-scope** identificado:
|
|
70
|
+
|
|
71
|
+
1. Verificar se o arquivo/classe referenciado **existe** no codebase do novo escopo
|
|
72
|
+
2. Se doc anterior diz "ativo" → confirmar no código (não é stub?)
|
|
73
|
+
3. Se doc anterior diz "planejado" → verificar se foi implementado
|
|
74
|
+
4. Registrar divergências:
|
|
75
|
+
|
|
76
|
+
```markdown
|
|
77
|
+
### ⚠️ Divergências Doc → Código
|
|
78
|
+
|
|
79
|
+
| Doc Fonte | Afirmação | Realidade no Código | Ação |
|
|
80
|
+
|-----------|-----------|---------------------|------|
|
|
81
|
+
| {arquivo.md} | {o que o doc diz} | {o que o código tem} | Corrigir doc / Registrar débito |
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
---
|
|
85
|
+
|
|
86
|
+
### 4. Doc Impact Check (Pós-Implementação)
|
|
87
|
+
|
|
88
|
+
> [!CAUTION]
|
|
89
|
+
> **GATE POR TASK:** Após implementar e testar cada task que modifica código,
|
|
90
|
+
> verificar se os arquivos modificados são referenciados em documentação existente.
|
|
91
|
+
|
|
92
|
+
**Ações:**
|
|
93
|
+
|
|
94
|
+
1. Listar os arquivos modificados pela task
|
|
95
|
+
2. Buscar referências em `docs/flows/` e `docs/design/TDD-*.md`:
|
|
96
|
+
```bash
|
|
97
|
+
grep -rl "{nome_do_arquivo}" docs/flows/ docs/design/ 2>/dev/null
|
|
98
|
+
```
|
|
99
|
+
3. Se **referências encontradas** → Abrir e verificar se descrição corresponde ao estado real
|
|
100
|
+
4. Se **divergência** → Atualizar doc seguindo regras da seção 2
|
|
101
|
+
5. Registrar:
|
|
102
|
+
|
|
103
|
+
```markdown
|
|
104
|
+
📄 DOC IMPACT — Task #{id}
|
|
105
|
+
- Arquivos modificados: {lista}
|
|
106
|
+
- Docs afetados: {lista ou "Nenhum"}
|
|
107
|
+
- Docs atualizados: {lista ou "N/A"}
|
|
108
|
+
```
|
|
109
|
+
|
|
110
|
+
---
|
|
111
|
+
|
|
112
|
+
### 5. Doc Freshness Gate (Pré-Publicação)
|
|
113
|
+
|
|
114
|
+
> [!CAUTION]
|
|
115
|
+
> **GATE BLOQUEANTE:** Antes de publicar documentação (Flyee ou entrega),
|
|
116
|
+
> re-validar TODOS os docs gerados contra o código atual.
|
|
117
|
+
> Fases de implementação podem ter alterado comportamento documentado.
|
|
118
|
+
|
|
119
|
+
```markdown
|
|
120
|
+
⚠️ DOC FRESHNESS GATE
|
|
121
|
+
|
|
122
|
+
[ ] Re-executar CODE-TRUTH VALIDATION em CADA doc de `docs/flows/`
|
|
123
|
+
[ ] Re-executar CODE-TRUTH VALIDATION em `docs/design/TDD-*.md`
|
|
124
|
+
[ ] Divergências encontradas? → Docs atualizados com estado real
|
|
125
|
+
[ ] Divergências registradas no arquivo de progresso
|
|
126
|
+
[ ] Se nenhuma divergência → Registrar: "✅ Docs validados"
|
|
127
|
+
|
|
128
|
+
❌ Se QUALQUER item desmarcado → NÃO publicar
|
|
129
|
+
✅ TODOS marcados → Prosseguir
|
|
130
|
+
```
|
|
131
|
+
|
|
132
|
+
---
|
|
133
|
+
|
|
134
|
+
#### Historical Lesson — Code-Truth Validation
|
|
135
|
+
|
|
136
|
+
> 🔴 **FALHA (shop/ gateway):** Flow doc documentou "gateway = Pagar.me" quando o código
|
|
137
|
+
> implementava `Cielo.php`. Divergência descoberta apenas na fase cross-scope seguinte.
|
|
138
|
+
> **Causa raiz:** Agente documentou sem verificar enum `PaymentGatewayType.php`.
|
|
139
|
+
|
|
140
|
+
---
|
|
141
|
+
|
|
142
|
+
## 🔗 WORKFLOWS QUE USAM ESTA SKILL
|
|
143
|
+
|
|
144
|
+
| Workflow | Quando usar |
|
|
145
|
+
|----------|-------------|
|
|
146
|
+
| `/legacy-project` | Phase 4 (flow docs), Phase 2.5 (cross-scope), Gate 7B→8 (freshness) |
|
|
147
|
+
| `/document` | Antes de salvar qualquer flow doc |
|
|
148
|
+
| `/new-task` | Quando modificando código documentado |
|
|
149
|
+
| `/new-project` | Phase 5 (implementação com docs) |
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: component-library-discovery
|
|
3
|
+
description: Descoberta de componentes UI de bibliotecas externas (badtz-ui, uselayouts, lucide-animated). Tabelas por contexto + perguntas interativas.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# Component Library Discovery
|
|
7
|
+
|
|
8
|
+
Skill para descobrir e selecionar componentes de bibliotecas UI externas compatíveis com shadcn/React projects.
|
|
9
|
+
|
|
10
|
+
## 📚 Bibliotecas Suportadas
|
|
11
|
+
|
|
12
|
+
| Biblioteca | Foco | Instalação |
|
|
13
|
+
|------------|------|------------|
|
|
14
|
+
| **badtz-ui** | Landing Pages, conversão | `npx shadcn@latest add https://badtz-ui.com/r/<comp>.json` |
|
|
15
|
+
| **uselayouts** | Micro-interações, animações | `npx shadcn@latest add https://uselayouts.com/r/<comp>` |
|
|
16
|
+
| **lucide-animated** | Ícones animados (350+) | Copy-paste |
|
|
17
|
+
|
|
18
|
+
---
|
|
19
|
+
|
|
20
|
+
## 🎯 PASSO 1: Tabela por Contexto
|
|
21
|
+
|
|
22
|
+
### Landing Pages (badtz-ui)
|
|
23
|
+
|
|
24
|
+
| Seção | Componente | Comando |
|
|
25
|
+
|-------|------------|---------|
|
|
26
|
+
| Hero | `hero-section` | `npx shadcn@latest add https://badtz-ui.com/r/hero-section.json` |
|
|
27
|
+
| CTA Button | `glowing-button` | `npx shadcn@latest add https://badtz-ui.com/r/glowing-button.json` |
|
|
28
|
+
| Pricing | `pricing-card` | `npx shadcn@latest add https://badtz-ui.com/r/pricing-card.json` |
|
|
29
|
+
| Testimonials | `testimonial-card` | `npx shadcn@latest add https://badtz-ui.com/r/testimonial-card.json` |
|
|
30
|
+
| Features | `feature-card` | `npx shadcn@latest add https://badtz-ui.com/r/feature-card.json` |
|
|
31
|
+
| FAQ | `accordion-faq` | `npx shadcn@latest add https://badtz-ui.com/r/accordion-faq.json` |
|
|
32
|
+
| Footer | `footer-section` | `npx shadcn@latest add https://badtz-ui.com/r/footer-section.json` |
|
|
33
|
+
| Logo Cloud | `logo-cloud` | `npx shadcn@latest add https://badtz-ui.com/r/logo-cloud.json` |
|
|
34
|
+
| Stats | `stats-section` | `npx shadcn@latest add https://badtz-ui.com/r/stats-section.json` |
|
|
35
|
+
|
|
36
|
+
### Micro-interações (uselayouts)
|
|
37
|
+
|
|
38
|
+
| Efeito | Componente | Comando |
|
|
39
|
+
|--------|------------|---------|
|
|
40
|
+
| Card 3D | `3d-book` | `npx shadcn@latest add https://uselayouts.com/r/3d-book` |
|
|
41
|
+
| Card Flip | `flip-card` | `npx shadcn@latest add https://uselayouts.com/r/flip-card` |
|
|
42
|
+
| Magnetic Button | `magnetic-button` | `npx shadcn@latest add https://uselayouts.com/r/magnetic-button` |
|
|
43
|
+
| Stagger List | `stagger-list` | `npx shadcn@latest add https://uselayouts.com/r/stagger-list` |
|
|
44
|
+
| Text Reveal | `text-reveal` | `npx shadcn@latest add https://uselayouts.com/r/text-reveal` |
|
|
45
|
+
| Blur Fade | `blur-fade` | `npx shadcn@latest add https://uselayouts.com/r/blur-fade` |
|
|
46
|
+
|
|
47
|
+
### Ícones Animados (lucide-animated)
|
|
48
|
+
|
|
49
|
+
| Contexto | Ícones Recomendados |
|
|
50
|
+
|----------|---------------------|
|
|
51
|
+
| **Loading** | `loader-pinwheel`, `refresh-cw`, `hourglass`, `loader` |
|
|
52
|
+
| **Success** | `check`, `check-check`, `circle-check`, `badge-check` |
|
|
53
|
+
| **Error** | `x`, `circle-x`, `ban`, `alert-triangle` |
|
|
54
|
+
| **Notifications** | `bell`, `mail-check`, `message-circle`, `inbox` |
|
|
55
|
+
| **User Actions** | `heart`, `bookmark`, `star`, `thumbs-up` |
|
|
56
|
+
| **Navigation** | `arrow-right`, `chevron-down`, `menu`, `search` |
|
|
57
|
+
| **Media** | `play`, `pause`, `volume`, `mic` |
|
|
58
|
+
| **Settings** | `settings`, `cog`, `sliders-horizontal` |
|
|
59
|
+
|
|
60
|
+
**Como usar lucide-animated:**
|
|
61
|
+
1. Acesse https://lucide-animated.com/
|
|
62
|
+
2. Pesquise o ícone desejado
|
|
63
|
+
3. Clique no ícone para ver código
|
|
64
|
+
4. Copie e cole no seu componente
|
|
65
|
+
|
|
66
|
+
---
|
|
67
|
+
|
|
68
|
+
## 🤔 PASSO 2: Perguntas Interativas
|
|
69
|
+
|
|
70
|
+
**Se o usuário não souber qual componente usar, fazer estas perguntas:**
|
|
71
|
+
|
|
72
|
+
```markdown
|
|
73
|
+
## 🔍 Descoberta de Componente
|
|
74
|
+
|
|
75
|
+
Para recomendar o melhor componente, preciso saber:
|
|
76
|
+
|
|
77
|
+
1. **Qual é o contexto?**
|
|
78
|
+
- [ ] Landing Page (hero, pricing, testimonials)
|
|
79
|
+
- [ ] Dashboard (cards, charts, stats)
|
|
80
|
+
- [ ] Formulários (inputs, selects, validation)
|
|
81
|
+
- [ ] Navegação (menu, sidebar, tabs)
|
|
82
|
+
- [ ] Feedback (loading, success, error)
|
|
83
|
+
- [ ] Outro: _________
|
|
84
|
+
|
|
85
|
+
2. **Precisa de animação?**
|
|
86
|
+
- [ ] Sim, animação suave (micro-interações)
|
|
87
|
+
- [ ] Sim, atenção especial (destaque)
|
|
88
|
+
- [ ] Não, estático está ok
|
|
89
|
+
|
|
90
|
+
3. **É um ícone ou componente completo?**
|
|
91
|
+
- [ ] Ícone
|
|
92
|
+
- [ ] Componente/Seção
|
|
93
|
+
```
|
|
94
|
+
|
|
95
|
+
**Após respostas, retornar:**
|
|
96
|
+
|
|
97
|
+
```markdown
|
|
98
|
+
## 💡 Recomendação
|
|
99
|
+
|
|
100
|
+
Para **[contexto]** com **[animação]**, recomendo:
|
|
101
|
+
|
|
102
|
+
| Opção | Biblioteca | Componente | Motivo |
|
|
103
|
+
|-------|------------|------------|--------|
|
|
104
|
+
| A | [lib] | [comp] | [porque] |
|
|
105
|
+
| B | [lib] | [comp] | [alternativa] |
|
|
106
|
+
|
|
107
|
+
**Comando para instalar opção A:**
|
|
108
|
+
\`\`\`bash
|
|
109
|
+
npx shadcn@latest add [url]
|
|
110
|
+
\`\`\`
|
|
111
|
+
```
|
|
112
|
+
|
|
113
|
+
---
|
|
114
|
+
|
|
115
|
+
## 🔗 PASSO 3: Catálogos Completos
|
|
116
|
+
|
|
117
|
+
Se as tabelas acima não tiverem o que o usuário precisa:
|
|
118
|
+
|
|
119
|
+
> **📚 Catálogos Completos:**
|
|
120
|
+
> - [badtz-ui.com/docs](https://badtz-ui.com/docs) - Todos os componentes para LPs
|
|
121
|
+
> - [uselayouts.com/docs](https://uselayouts.com/docs/introduction) - Todas as micro-interações
|
|
122
|
+
> - [lucide-animated.com](https://lucide-animated.com) - Todos os 350+ ícones animados
|
|
123
|
+
|
|
124
|
+
---
|
|
125
|
+
|
|
126
|
+
## 🔄 Uso em Workflows
|
|
127
|
+
|
|
128
|
+
Esta skill pode ser invocada em:
|
|
129
|
+
|
|
130
|
+
| Workflow | Quando |
|
|
131
|
+
|----------|--------|
|
|
132
|
+
| `/new-project` | Phase 5.3 (UI Styling) - PASSO 4.6 |
|
|
133
|
+
| `/new-task` | Quando adicionar componentes UI |
|
|
134
|
+
| `/legacy-project` | Ao modernizar UI existente |
|
|
135
|
+
| `/ui-ux-pro-max` | Após gerar Design System |
|
|
136
|
+
|
|
137
|
+
**Invocação:**
|
|
138
|
+
```markdown
|
|
139
|
+
> [!TIP]
|
|
140
|
+
> **Skill:** `component-library-discovery`
|
|
141
|
+
> Consultar para encontrar componentes premium de bibliotecas externas.
|
|
142
|
+
```
|
|
143
|
+
|
|
144
|
+
---
|
|
145
|
+
|
|
146
|
+
## ⚠️ Pré-requisitos
|
|
147
|
+
|
|
148
|
+
1. **shadcn/ui inicializado** - As bibliotecas usam o registry do shadcn
|
|
149
|
+
2. **Tailwind CSS** - Todas dependem de Tailwind
|
|
150
|
+
3. **React 18+** - Compatibilidade com hooks modernos
|
|
151
|
+
4. **Framer Motion** (para uselayouts) - Instalar se usar micro-interações:
|
|
152
|
+
```bash
|
|
153
|
+
npm install framer-motion
|
|
154
|
+
```
|