From e69f8227c026aad198d64158667fcb1a78635fc2 Mon Sep 17 00:00:00 2001 From: KaviyaSF4835 Date: Wed, 18 Mar 2026 15:32:02 +0530 Subject: [PATCH 1/4] created custom prompt and custom agent folder --- README.md | 130 ++---- custom-agent/README.md | 108 +++++ .../design}/ui-desginer.agent.md | 0 .../design}/ux-researcher.agent.md | 0 .../codebase-documenter.agent.md | 0 .../engineering}/backend-architect.agent.md | 0 .../engineering}/devops-automator.agent.md | 0 .../engineering}/rapid-prototyper.agent.md | 0 .../engineering}/test-writer.agent.md | 0 .../marketing}/content-creator.agent.md | 0 .../testing}/api-tester.agent.md | 0 .../testing}/performance-benchmarker.agent.md | 0 .../testing}/react/test-generator.agent.md | 0 .../testing}/tool-evaluator.agent.md | 0 custom-prompt/README.md | 104 +++++ .../sample-dashboard/compile.prompt.md | 98 +++++ .../sample-dashboard/dashboard.prompt.md | 240 +++++++++++ .../sample-dashboard/full-workflow.prompt.md | 398 ++++++++++++++++++ .../sample-dashboard/lint-spec.prompt.md | 291 +++++++++++++ .../sample-dashboard/review.prompt.md | 162 +++++++ .../sample-dashboard/security.prompt.md | 238 +++++++++++ custom-prompt/sample-dashboard/test.prompt.md | 160 +++++++ 22 files changed, 1829 insertions(+), 100 deletions(-) create mode 100644 custom-agent/README.md rename {design => custom-agent/design}/ui-desginer.agent.md (100%) rename {design => custom-agent/design}/ux-researcher.agent.md (100%) rename {documentation => custom-agent/documentation}/codebase-documenter.agent.md (100%) rename {engineering => custom-agent/engineering}/backend-architect.agent.md (100%) rename {engineering => custom-agent/engineering}/devops-automator.agent.md (100%) rename {engineering => custom-agent/engineering}/rapid-prototyper.agent.md (100%) rename {engineering => custom-agent/engineering}/test-writer.agent.md (100%) rename {marketing => custom-agent/marketing}/content-creator.agent.md (100%) rename {testing => custom-agent/testing}/api-tester.agent.md (100%) rename {testing => custom-agent/testing}/performance-benchmarker.agent.md (100%) rename {testing => custom-agent/testing}/react/test-generator.agent.md (100%) rename {testing => custom-agent/testing}/tool-evaluator.agent.md (100%) create mode 100644 custom-prompt/README.md create mode 100644 custom-prompt/sample-dashboard/compile.prompt.md create mode 100644 custom-prompt/sample-dashboard/dashboard.prompt.md create mode 100644 custom-prompt/sample-dashboard/full-workflow.prompt.md create mode 100644 custom-prompt/sample-dashboard/lint-spec.prompt.md create mode 100644 custom-prompt/sample-dashboard/review.prompt.md create mode 100644 custom-prompt/sample-dashboard/security.prompt.md create mode 100644 custom-prompt/sample-dashboard/test.prompt.md diff --git a/README.md b/README.md index 6c331e1..cbd5ee0 100644 --- a/README.md +++ b/README.md @@ -1,114 +1,44 @@ -# Code Studio Agent Library +# Code Studio Library -A comprehensive collection of pre-configured custom agents for Syncfusion Code Studio. These specialized agents deliver consistent expertise across end-to-end workflows, reduce setup time, enforce team standards, and make outcomes repeatable. +A comprehensive collection of pre-configured custom agents and prompts for Syncfusion Code Studio. These specialized agents deliver consistent expertise across end-to-end workflows, reduce setup time, enforce team standards, and make outcomes repeatable. -## ๐Ÿ“– What are Custom Agents? +This library provides ready-to-use agents and prompts that extend the capabilities of Code Studio, enabling you to: -Custom agents are specialized versions of Syncfusion Code Studio that consist of: -- **Specific instructions** that define how the AI should behave for a given task -- **Tool configurations** that control which capabilities the agent can access -- **Consistent personas** tailored to specific development roles and tasks +- **Automate Development Tasks** - Generate code, write tests, and handle deployment automation +- **Improve Code Quality** - Run performance benchmarks and API testing +- **Enhance UX/UI Design** - Access UI design and UX research agents +- **Create Documentation** - Auto-generate comprehensive codebase documentation +- **Manage Content** - Create marketing and technical content +- **Streamline Workflows** - Use pre-built prompts for common development scenarios -This repository provides ready-to-use custom agents so you can immediately benefit from specialized expertise without creating them from scratch. +## ๐Ÿ“ Repository Structure -## โœจ Why Use This Library? +### Custom Agents (`/custom-agent`) +Pre-configured intelligent agents organized by domain: -### Pre-configured Expertise -- **No setup required** - Each agent comes with detailed instructions and optimal tool configurations -- **Battle-tested workflows** - Agents are designed based on real-world development scenarios -- **Consistent behavior** - Get the same quality output every time +- **Design**: UI Designer, UX Researcher +- **Documentation**: Codebase Documenter +- **Engineering**: Backend Architect, DevOps Automator, Rapid Prototyper, Test Writer +- **Marketing**: Content Creator +- **Testing**: API Tester, Performance Benchmarker, Tool Evaluator, React Test Generator -### Time Savings -- **Skip agent creation** - No need to write instructions from scratch -- **Instant productivity** - Start using specialized agents immediately -- **Team standardization** - Everyone uses the same proven agents +### Custom Prompts (`/custom-prompt`) +Pre-built prompts and workflows for specific use cases: -### Customizable Foundation -- **Modify to fit your needs** - All agents can be customized for your workflow -- **Learn by example** - See how professional agents are structured -- **Extend functionality** - Add handoffs and tool permissions as needed - -## ๐Ÿ“ฅ Installation - -### Option 1: Workspace Installation (Team Sharing) - -For sharing agents with your team via source control: - -1. **Clone this repository:** - ```bash - git clone https://github.com/syncfusion/code-studio-agent-library.git - ``` - -2. **Copy agents to your project's `.codestudio/agents/` folder:** - ```bash - # Create the directory if it doesn't exist - mkdir -p YOUR-PROJECT/.codestudio/agents/ - - # Copy all agent files - cp code-studio-agent-library/*/*.agent.md YOUR-PROJECT/.codestudio/agents/ - ``` - -3. **Agents are automatically detected** by Code Studio - no restart needed! - -### Option 2: User Profile Installation (Personal Use) - -For using agents across all your projects: - -1. **Download this repository** - -2. **Copy agents to your user profile:** - - **Windows**: `%USERPROFILE%\.codestudio\agents\` - - **Mac/Linux**: `~/.codestudio/agents/` - -3. **Code Studio automatically detects** the new agents +- Sample Dashboard workflows (compilation, linting, security, testing, reviews) ## ๐Ÿš€ Quick Start -### Using Custom Agents - -1. **Open Chat View** in Code Studio -2. **Click the agent dropdown** (left bottom of the chat interface) -3. **Select your desired agent** from the list -4. **Start chatting** - the agent follows its specialized instructions - -๐Ÿ“š Learn more: [Code Studio Custom Agents Documentation](https://help.syncfusion.com/code-studio/reference/configure-properties/custom-agents) +1. Browse the agents and prompts in their respective folders +2. Copy the desired agent or prompt configuration to your Code Studio workspace +3. Customize as needed for your specific requirements -## ๐Ÿ“‹ Complete Agent List - -### ๐ŸŽจ Design Department (`design/`) - -- **[ui-designer](design/ui-desginer.agent.md)** - Create beautiful, functional interfaces that can be implemented quickly within rapid development cycles -- **[ux-researcher](design/ux-researcher.agent.md)** - Bridge the gap between user needs and rapid product development through lean research methodologies and actionable insights - -### ๐Ÿ”ง Engineering Department (`engineering/`) - -- **[backend-architect](engineering/backend-architect.agent.md)** - Design scalable APIs, databases, and server-side systems with proper security and performance optimization -- **[devops-automator](engineering/devops-automator.agent.md)** - Transform manual deployments into smooth, automated workflows with CI/CD pipelines and infrastructure as code -- **[rapid-prototyper](engineering/rapid-prototyper.agent.md)** - Transform ideas into functional applications at breakneck speed, build MVPs in days not weeks -- **[test-writer](engineering/test-writer.agent.md)** - Write comprehensive tests and maintain test suite integrity through intelligent test execution and repair - -### ๐Ÿ“ฃ Marketing Department (`marketing/`) - -- **[content-creator](marketing/content-creator.agent.md)** - Generate cross-platform content from long-form blog posts to engaging video scripts and social media content - -### ๐Ÿงช Testing & Benchmarking (`testing/`) - -- **[api-tester](testing/api-tester.agent.md)** - Ensure APIs are battle-tested with comprehensive performance, load, and contract testing -- **[performance-benchmarker](testing/performance-benchmarker.agent.md)** - Turn sluggish applications into lightning-fast experiences through comprehensive performance testing and optimization -- **[tool-evaluator](testing/tool-evaluator.agent.md)** - Cut through marketing hype with rapid tool assessment and clear recommendations for development frameworks and services -- **[test-generator](testing/react/test-generator.agent.md)** - Agent that auto-generates Jest + React Testing Library tests for React/TypeScript code by analyzing the actual files and following your project's style - -### ๐Ÿ“„ Documentation (`documentation/`) - -- **[codebase-documenter](documentation/codebase-documenter.agent.md)** - Automatically generate comprehensive documentation for codebases, ensuring clarity and maintainability. - -## ๐Ÿ’ก Best Practices - -1. **Let agents work together** - Many tasks benefit from multiple agents collaborating -2. **Be specific** - Clear task descriptions help agents perform better -3. **Trust the expertise** - Agents are designed for their specific domains -4. **Iterate quickly** - Agents support rapid development and iteration +## โœจ Key Features +- **Reduced Setup Time** - Use agents out-of-the-box without extensive configuration +- **Team Standards** - Enforce consistent practices across your development team +- **Repeatable Outcomes** - Get consistent, high-quality results for common tasks +- **Extensible** - Easily customize agents and prompts for your specific needs ## ๐Ÿ“ License Copyright (c) Syncfusion Inc. All rights reserved. @@ -119,9 +49,9 @@ Licensed under the [Syncfusion](https://downloads.sfcodestudio.com/eula/v1.0/cod - [Code Studio Documentation](https://help.syncfusion.com/code-studio) - [Custom Agents Guide](https://help.syncfusion.com/code-studio/reference/configure-properties/custom-agents) +- [Custom Prompts Guide](https://help.syncfusion.com/code-studio/reference/configure-properties/custom-prompt) - [Syncfusion Community Forum](https://www.syncfusion.com/forums) - [Code Studio Download](https://www.syncfusion.com/code-studio) - --- -Built with โค๏ธ for the Code Studio community +Built with โค๏ธ for the Code Studio community \ No newline at end of file diff --git a/custom-agent/README.md b/custom-agent/README.md new file mode 100644 index 0000000..0c2ced0 --- /dev/null +++ b/custom-agent/README.md @@ -0,0 +1,108 @@ +## ๐Ÿ“– What are Custom Agents? + +Custom agents are specialized versions of Syncfusion Code Studio that consist of: +- **Specific instructions** that define how the AI should behave for a given task +- **Tool configurations** that control which capabilities the agent can access +- **Consistent personas** tailored to specific development roles and tasks + +This custom agent library provides ready-to-use custom agents so you can immediately benefit from specialized expertise without creating them from scratch. + +## โœจ Why Use This custom agent? + +### Pre-configured Expertise +- **No setup required** - Each agent comes with detailed instructions and optimal tool configurations +- **Battle-tested workflows** - Agents are designed based on real-world development scenarios +- **Consistent behavior** - Get the same quality output every time + +### Time Savings +- **Skip agent creation** - No need to write instructions from scratch +- **Instant productivity** - Start using specialized agents immediately +- **Team standardization** - Everyone uses the same proven agents + +### Customizable Foundation +- **Modify to fit your needs** - All agents can be customized for your workflow +- **Learn by example** - See how professional agents are structured +- **Extend functionality** - Add handoffs and tool permissions as needed + +## ๐Ÿ“ฅ Installation + +### Option 1: Workspace Installation (Team Sharing) + +For sharing agents with your team via source control: + +1. **Clone this repository:** + ```bash + git clone https://github.com/syncfusion/code-studio-library.git + ``` + +2. **Copy agents to your project's `.codestudio/agents/` folder:** + ```bash + # Create the directory if it doesn't exist + mkdir -p YOUR-PROJECT/.codestudio/agents/ + + # Copy all agent files + cp code-studio-library/*/*.agent.md YOUR-PROJECT/.codestudio/agents/ + ``` + +3. **Agents are automatically detected** by Code Studio - no restart needed! + +### Option 2: User Profile Installation (Personal Use) + +For using agents across all your projects: + +1. **Download this repository** + +2. **Copy agents to your user profile:** + - **Windows**: `%USERPROFILE%\.codestudio\agents\` + - **Mac/Linux**: `~/.codestudio/agents/` + +3. **Code Studio automatically detects** the new agents + +## ๐Ÿš€ Quick Start + +### Using Custom Agents + +1. **Open Chat View** in Code Studio +2. **Click the agent dropdown** (left bottom of the chat interface) +3. **Select your desired agent** from the list +4. **Start chatting** - the agent follows its specialized instructions + +๐Ÿ“š Learn more: [Code Studio Custom Agents Documentation](https://help.syncfusion.com/code-studio/reference/configure-properties/custom-agents) + +## ๐Ÿ“‹ Complete Agent List + +### ๐ŸŽจ Design Department (`design/`) + +- **[ui-designer](design/ui-desginer.agent.md)** - Create beautiful, functional interfaces that can be implemented quickly within rapid development cycles +- **[ux-researcher](design/ux-researcher.agent.md)** - Bridge the gap between user needs and rapid product development through lean research methodologies and actionable insights + +### ๐Ÿ”ง Engineering Department (`engineering/`) + +- **[backend-architect](engineering/backend-architect.agent.md)** - Design scalable APIs, databases, and server-side systems with proper security and performance optimization +- **[devops-automator](engineering/devops-automator.agent.md)** - Transform manual deployments into smooth, automated workflows with CI/CD pipelines and infrastructure as code +- **[rapid-prototyper](engineering/rapid-prototyper.agent.md)** - Transform ideas into functional applications at breakneck speed, build MVPs in days not weeks +- **[test-writer](engineering/test-writer.agent.md)** - Write comprehensive tests and maintain test suite integrity through intelligent test execution and repair + +### ๐Ÿ“ฃ Marketing Department (`marketing/`) + +- **[content-creator](marketing/content-creator.agent.md)** - Generate cross-platform content from long-form blog posts to engaging video scripts and social media content + +### ๐Ÿงช Testing & Benchmarking (`testing/`) + +- **[api-tester](testing/api-tester.agent.md)** - Ensure APIs are battle-tested with comprehensive performance, load, and contract testing +- **[performance-benchmarker](testing/performance-benchmarker.agent.md)** - Turn sluggish applications into lightning-fast experiences through comprehensive performance testing and optimization +- **[tool-evaluator](testing/tool-evaluator.agent.md)** - Cut through marketing hype with rapid tool assessment and clear recommendations for development frameworks and services +- **[test-generator](testing/react/test-generator.agent.md)** - Agent that auto-generates Jest + React Testing Library tests for React/TypeScript code by analyzing the actual files and following your project's style + +### ๐Ÿ“„ Documentation (`documentation/`) + +- **[codebase-documenter](documentation/codebase-documenter.agent.md)** - Automatically generate comprehensive documentation for codebases, ensuring clarity and maintainability. + +## ๐Ÿ’ก Best Practices + +1. **Let agents work together** - Many tasks benefit from multiple agents collaborating +2. **Be specific** - Clear task descriptions help agents perform better +3. **Trust the expertise** - Agents are designed for their specific domains +4. **Iterate quickly** - Agents support rapid development and iteration + + diff --git a/design/ui-desginer.agent.md b/custom-agent/design/ui-desginer.agent.md similarity index 100% rename from design/ui-desginer.agent.md rename to custom-agent/design/ui-desginer.agent.md diff --git a/design/ux-researcher.agent.md b/custom-agent/design/ux-researcher.agent.md similarity index 100% rename from design/ux-researcher.agent.md rename to custom-agent/design/ux-researcher.agent.md diff --git a/documentation/codebase-documenter.agent.md b/custom-agent/documentation/codebase-documenter.agent.md similarity index 100% rename from documentation/codebase-documenter.agent.md rename to custom-agent/documentation/codebase-documenter.agent.md diff --git a/engineering/backend-architect.agent.md b/custom-agent/engineering/backend-architect.agent.md similarity index 100% rename from engineering/backend-architect.agent.md rename to custom-agent/engineering/backend-architect.agent.md diff --git a/engineering/devops-automator.agent.md b/custom-agent/engineering/devops-automator.agent.md similarity index 100% rename from engineering/devops-automator.agent.md rename to custom-agent/engineering/devops-automator.agent.md diff --git a/engineering/rapid-prototyper.agent.md b/custom-agent/engineering/rapid-prototyper.agent.md similarity index 100% rename from engineering/rapid-prototyper.agent.md rename to custom-agent/engineering/rapid-prototyper.agent.md diff --git a/engineering/test-writer.agent.md b/custom-agent/engineering/test-writer.agent.md similarity index 100% rename from engineering/test-writer.agent.md rename to custom-agent/engineering/test-writer.agent.md diff --git a/marketing/content-creator.agent.md b/custom-agent/marketing/content-creator.agent.md similarity index 100% rename from marketing/content-creator.agent.md rename to custom-agent/marketing/content-creator.agent.md diff --git a/testing/api-tester.agent.md b/custom-agent/testing/api-tester.agent.md similarity index 100% rename from testing/api-tester.agent.md rename to custom-agent/testing/api-tester.agent.md diff --git a/testing/performance-benchmarker.agent.md b/custom-agent/testing/performance-benchmarker.agent.md similarity index 100% rename from testing/performance-benchmarker.agent.md rename to custom-agent/testing/performance-benchmarker.agent.md diff --git a/testing/react/test-generator.agent.md b/custom-agent/testing/react/test-generator.agent.md similarity index 100% rename from testing/react/test-generator.agent.md rename to custom-agent/testing/react/test-generator.agent.md diff --git a/testing/tool-evaluator.agent.md b/custom-agent/testing/tool-evaluator.agent.md similarity index 100% rename from testing/tool-evaluator.agent.md rename to custom-agent/testing/tool-evaluator.agent.md diff --git a/custom-prompt/README.md b/custom-prompt/README.md new file mode 100644 index 0000000..a098caf --- /dev/null +++ b/custom-prompt/README.md @@ -0,0 +1,104 @@ +## ๐Ÿ“– What are Custom Prompts? + +Custom prompts are pre-built templates and workflows that consist of: +- **Specific task instructions** that guide agents through structured workflows +- **Step-by-step processes** that ensure consistent, high-quality outputs +- **Chained workflows** that orchestrate multiple tasks in sequence + +This custom prompt library provides ready-to-use prompts so you can immediately benefit from proven workflows without creating them from scratch. + +## โœจ Why Use Custom Prompts? + +### Pre-configured Workflows +- **No setup required** - Each prompt comes with detailed steps and best practices +- **Battle-tested processes** - Prompts are designed based on real-world development scenarios +- **Consistent results** - Get the same quality output every time you run a prompt + +### Time Savings +- **Skip process creation** - No need to write workflow instructions from scratch +- **Instant productivity** - Start using structured prompts immediately +- **Team standardization** - Everyone follows the same proven processes + +### Customizable Foundation +- **Modify to fit your needs** - All prompts can be customized for your workflow +- **Learn by example** - See how professional workflows are structured +- **Extend functionality** - Chain prompts together for complex workflows + +## ๐Ÿ“ฅ Installation + +### Option 1: Workspace Installation (Team Sharing) + +For sharing prompts with your team via source control: + +1. **Clone this repository:** + ```bash + git clone https://github.com/syncfusion/code-studio-library.git + ``` + +2. **Copy prompts to your project's `.codestudio/prompts/` folder:** + ```bash + # Create the directory if it doesn't exist + mkdir -p YOUR-PROJECT/.codestudio/prompts/ + + # Copy all prompt files + cp code-studio-library/custom-prompt/*.prompt.md YOUR-PROJECT/.codestudio/prompts/ + ``` + +3. **Prompts are automatically detected** by Code Studio - no restart needed! + +### Option 2: User Profile Installation (Personal Use) + +For using prompts across all your projects: + +1. **Download this repository** + +2. **Copy prompts to your user profile:** + - **Windows**: `%USERPROFILE%\.codestudio\prompts\` + - **Mac/Linux**: `~/.codestudio/prompts/` + +3. **Code Studio automatically detects** the new prompts + +## ๐Ÿš€ Quick Start + +### Using Custom Prompts + +1. **Open Chat View** in Code Studio +2. Type **/** in chat +3. **Select your desired prompt** from the list +4. **Follow the structured workflow** - the agent executes the prompt steps + +๐Ÿ“š Learn more: [Code Studio Custom Prompts Documentation](https://help.syncfusion.com/code-studio/reference/configure-properties/custom-prompt) + +## ๐Ÿ“‹ Prompt Organization + +Prompts are organized by use case and domain: + +### ๐Ÿ“ฆ Sample Workflows (`sample-dashboard/`) + +Pre-built workflows for common development tasks: + +- **[lint-spec.prompt.md](sample-dashboard/lint-spec.prompt.md)** - Validate and review specifications before development +- **[compile.prompt.md](sample-dashboard/compile.prompt.md)** - Generate code from specifications with best practices +- **[test.prompt.md](sample-dashboard/test.prompt.md)** - Create comprehensive test coverage +- **[review.prompt.md](sample-dashboard/review.prompt.md)** - Perform code quality reviews +- **[security.prompt.md](sample-dashboard/security.prompt.md)** - Audit code for vulnerabilities +- **[full-workflow.prompt.md](sample-dashboard/full-workflow.prompt.md)** - Execute complete end-to-end development pipeline +- **[dashboard.prompt.md](sample-dashboard/dashboard.prompt.md)** - Reference specification template + +## ๐Ÿ’ก Best Practices + +1. **Start with specification** - Clear requirements lead to better outcomes +2. **Chain prompts logically** - Use workflows that build on each other +3. **Review outputs carefully** - Validate prompt results before proceeding +4. **Customize for your needs** - Adapt prompts to your project's specific requirements +5. **Iterate and improve** - Refine prompts based on your team's feedback + +## ๐Ÿ“ Customization + +Each prompt can be customized for your specific needs: + +1. **Copy the prompt** to your workspace +2. **Modify the task description** section +3. **Adjust the steps** to match your workflow +4. **Update success criteria** for your project +5. **Save and use** your custom version diff --git a/custom-prompt/sample-dashboard/compile.prompt.md b/custom-prompt/sample-dashboard/compile.prompt.md new file mode 100644 index 0000000..435a000 --- /dev/null +++ b/custom-prompt/sample-dashboard/compile.prompt.md @@ -0,0 +1,98 @@ +--- +name: compile +agent: agent +description: Compile specification to production code +--- +# Compile Dashboard Specification to Code + +## Task +Convert the specification in `dashboard.prompt.md` to working React/TypeScript code. + +## Steps + +### 1. Read Specification +- Read `dashboard.prompt.md` completely +- Understand all features, components, and requirements +- Note mock data structure and API design + +### 2. Create Project Structure +- Ensure all folders exist in `src/` directory +- Create necessary subdirectories: components, services, types, hooks, utils, data, styles + +### 3. Generate Core Types +Create `src/types/` files: +- `dashboard.types.ts` - Dashboard interfaces +- `metrics.types.ts` - Metric data types +- `widget.types.ts` - Widget configuration types + +### 4. Generate Mock Data +Create `src/data/mockData.ts`: +- Generate mock metric data for all KPIs +- Create time-series data for charts +- Include data for all segments and regions +- Add realistic values with trends + +### 5. Create Utility Functions +Create `src/utils/` files: +- `formatters.ts` - Format values, currencies, percentages +- `generators.ts` - Generate random data for polling simulation +- `calculations.ts` - Calculate trends, percentages, aggregations + +### 6. Create Custom Hooks +Create `src/hooks/` files: +- `usePolling.ts` - Handle polling for metric updates +- `useDashboard.ts` - Manage dashboard state +- `useLocalStorage.ts` - Persist layout to localStorage + +### 7. Create Services +Create `src/services/` files: +- `dashboardService.ts` - Dashboard operations +- `dataService.ts` - Fetch mock data with delays +- `exportService.ts` - PDF and CSV export functionality + +### 8. Create UI Components +Create `src/components/` files: +- `MetricWidget.tsx` - Display KPI with trend +- `ChartWidget.tsx` - Render chart (line/bar/pie) +- `LayoutGrid.tsx` - Responsive grid layout +- `FilterPanel.tsx` - Time range and segmentation filters +- `Header.tsx` - Top navigation +- `Sidebar.tsx` - Left navigation +- `Dashboard.tsx` - Main dashboard orchestrator + +### 9. Create Main App Files +- `App.tsx` - Root component with routing/layout +- `main.tsx` - React entry point +- `styles/globals.css` - Tailwind + global styles + +### 10. Build & Test +- Run `npm run build` +- Check for TypeScript errors +- Verify no console warnings +- Test all components render correctly + +## Code Quality Guidelines +- Use TypeScript strict mode (no `any` types) +- Components should be reusable and well-composed +- Use descriptive variable names +- Add comments for complex logic +- Keep functions under 50 lines +- Implement proper error handling + +## Expected Output +- All files created without errors +- Dashboard loads and displays mock data +- Widgets update on filter change +- Layout persists across reloads +- Export functionality available +- Fully responsive design +- Ready for further customization + +## Success Criteria +- โœ“ No TypeScript compilation errors +- โœ“ No console errors on load +- โœ“ All components visible and interactive +- โœ“ Responsive on mobile/tablet/desktop +- โœ“ Metrics display with trends +- โœ“ Charts render correctly +- โœ“ Filtering works properly \ No newline at end of file diff --git a/custom-prompt/sample-dashboard/dashboard.prompt.md b/custom-prompt/sample-dashboard/dashboard.prompt.md new file mode 100644 index 0000000..197faad --- /dev/null +++ b/custom-prompt/sample-dashboard/dashboard.prompt.md @@ -0,0 +1,240 @@ +--- +name: dashboard-specification +agent: agent +description: Complete Analytics Dashboard Specification +--- +# Analytics Dashboard Specification + +## Executive Summary +Interactive real-time dashboard for SaaS analytics. End users can create custom dashboard layouts, view KPIs, analyze trends, and export data. Supports role-based access control (Admin, Manager, Viewer). This is a sample implementation with mock data. + +## System Architecture + +### Frontend Stack +- React 18 with TypeScript +- Recharts for data visualization +- Tailwind CSS for styling +- React DnD for drag-and-drop layout +- Lucide React for icons + +### Build & Development +- Vite for bundling +- ESLint for code quality +- Jest for unit testing +- Mock data (no real backend required) + +## Feature Set + +### 1. Real-Time Metric Widget +#### User Story +As a business user, I want to see key metrics with current values and trends, so I can quickly assess business health. + +#### Acceptance Criteria +1. Widget displays metric name, current value, and unit +2. Shows % change from previous period with color indicator (green: +, red: -) +3. Updates without page refresh (polling every 5 seconds) +4. Shows trend arrow (up/down/neutral) + +#### Testing Requirements +```typescript +// Unit Tests +- Test value formatting for different units (USD, percentage, count) +- Test trend calculation (positive/negative/zero) +- Color assignment based on positive/negative +- Polling interval setup and cleanup +``` + +### 2. Chart Components +#### Line Chart Widget +- Display time-series data +- Show multiple data series +- Interactive legend +- Tooltip on hover +- Supports: Revenue, User Growth, Engagement metrics + +#### Bar Chart Widget +- Categorical data visualization +- Horizontal and vertical options +- Supports: Performance by region, category breakdown + +#### Pie Chart Widget +- Distribution visualization +- Supports: Market share, category distribution + +### 3. Dashboard Layout System +#### Drag-and-Drop +- Users can reorder widgets +- Persistent layout (localStorage) +- Responsive grid (4 columns on desktop, 1 on mobile) +- Widget resize capability +- Add/remove widgets from library + +#### Widget Library +- Metric Widgets (pre-configured KPIs) +- Chart Widgets (configurable) +- Table Widget (data display) +- Custom Widget (create new) + +### 4. Data & Filtering +#### Available Metrics +- Total Revenue (USD) +- Active Users (count) +- Conversion Rate (%) +- Customer Lifetime Value (USD) +- Churn Rate (%) +- Average Order Value (USD) + +#### Time Range Filters +- Last 7 days +- Last 30 days +- Last 90 days +- Custom range +- Real-time toggle + +#### Segmentation Filters +- By Region (North, South, East, West) +- By Customer Segment (Enterprise, SMB, Startup) +- By Product (Product A, B, C) + +### 5. Export Functionality +#### PDF Export +- Full dashboard snapshot with styling +- Include charts and metrics +- Add company header/footer +- Timestamp and user name +- Latency: < 2 seconds + +#### CSV Export +- Export all widget data +- Metric values for date range +- Include headers and timestamps + +### 6. Role-Based Display + +#### Admin +- Full access to all metrics +- Can create/edit/delete dashboards +- Can manage user dashboards +- See all data + +#### Manager +- Access to team metrics +- Can create/edit own dashboards +- Can view shared dashboards +- Limited data access + +#### Viewer +- Read-only access +- Can view shared dashboards +- Cannot create/edit +- Limited metrics visibility + +### 7. Performance Requirements +- Initial page load: < 2 seconds +- Chart rendering: < 500ms +- Widget update on filter: < 1 second +- Export generation: < 2 seconds + +### 8. UI/UX Requirements + +#### Color Scheme +- Primary Color: Blue (#0F172A) +- Success: Green (#10B981) +- Warning: Amber (#F59E0B) +- Danger: Red (#EF4444) +- Background: Light gray (#F9FAFB) + +#### Layout +- Header with logo and user menu +- Sidebar with navigation +- Main content area with widgets +- Widget toolbar with add/remove/export buttons +- Responsive design (mobile, tablet, desktop) + +#### Components +- Metric Card: Display KPI with trend +- Chart Card: Responsive chart container +- Filter Panel: Time range and segmentation +- Dashboard Grid: 4-column responsive layout +- Modal: For creating/editing widgets + +## Mock Data Structure + +```typescript +interface MetricData { + id: string; + name: string; + value: number; + unit: string; + trend: number; // percentage + previousValue: number; + timestamp: Date; +} + +interface ChartData { + label: string; + value: number; + category: string; +} + +interface DashboardWidget { + id: string; + type: 'metric' | 'lineChart' | 'barChart' | 'pieChart'; + title: string; + data: MetricData[] | ChartData[]; + position: { x: number; y: number; width: number; height: number }; + refreshInterval: number; + filters: FilterOption[]; +} + +interface FilterOption { + timeRange: string; + region?: string; + segment?: string; + product?: string; +} +``` + +## File Structure +``` +src/ +โ”œโ”€โ”€ components/ +โ”‚ โ”œโ”€โ”€ Dashboard.tsx +โ”‚ โ”œโ”€โ”€ MetricWidget.tsx +โ”‚ โ”œโ”€โ”€ ChartWidget.tsx +โ”‚ โ”œโ”€โ”€ LayoutGrid.tsx +โ”‚ โ”œโ”€โ”€ FilterPanel.tsx +โ”‚ โ”œโ”€โ”€ Header.tsx +โ”‚ โ””โ”€โ”€ Sidebar.tsx +โ”œโ”€โ”€ services/ +โ”‚ โ”œโ”€โ”€ dashboardService.ts +โ”‚ โ”œโ”€โ”€ dataService.ts +โ”‚ โ””โ”€โ”€ exportService.ts +โ”œโ”€โ”€ types/ +โ”‚ โ”œโ”€โ”€ dashboard.types.ts +โ”‚ โ”œโ”€โ”€ metrics.types.ts +โ”‚ โ””โ”€โ”€ widget.types.ts +โ”œโ”€โ”€ hooks/ +โ”‚ โ”œโ”€โ”€ usePolling.ts +โ”‚ โ”œโ”€โ”€ useDashboard.ts +โ”‚ โ””โ”€โ”€ useLocalStorage.ts +โ”œโ”€โ”€ utils/ +โ”‚ โ”œโ”€โ”€ formatters.ts +โ”‚ โ”œโ”€โ”€ generators.ts +โ”‚ โ””โ”€โ”€ calculations.ts +โ”œโ”€โ”€ data/ +โ”‚ โ””โ”€โ”€ mockData.ts +โ”œโ”€โ”€ styles/ +โ”‚ โ””โ”€โ”€ globals.css +โ”œโ”€โ”€ App.tsx +โ””โ”€โ”€ main.tsx +``` + +## Success Criteria +- โœ“ All components render without errors +- โœ“ Widgets respond to filter changes +- โœ“ Layout persists across page reloads +- โœ“ Export functionality works +- โœ“ Responsive on all screen sizes +- โœ“ TypeScript strict mode: no `any` types +- โœ“ 80%+ test coverage diff --git a/custom-prompt/sample-dashboard/full-workflow.prompt.md b/custom-prompt/sample-dashboard/full-workflow.prompt.md new file mode 100644 index 0000000..08d1005 --- /dev/null +++ b/custom-prompt/sample-dashboard/full-workflow.prompt.md @@ -0,0 +1,398 @@ +--- +name: full-workflow +agent: agent +description: Complete automated development workflow +--- +# Full Development Workflow + +Execute complete development pipeline from specification to deployment-ready code. + +## Overview +This workflow chains multiple prompts to create a complete, tested, reviewed, and secured dashboard application from the specification. + +## Workflow Phases + +### Phase 1: Specification Quality Assurance +**Prompt:** `/lint-spec.prompt.md` + +**Objectives:** +- Validate specification clarity and completeness +- Check for consistency and logical flow +- Verify technical feasibility +- Ensure testability of all requirements + +**Success Criteria:** +- โœ“ No critical specification issues +- โœ“ All requirements are clear and testable +- โœ“ Technical approach validated +- โœ“ Ready for code generation + +**If issues found:** +- Fix critical issues in specification +- Update specification file +- Re-run lint-spec.prompt.md +- Wait for completion before Phase 2 + +--- + +### Phase 2: Code Generation +**Prompt:** `/compile.prompt.md` + +**Objectives:** +- Generate all source code files from specification +- Create project structure +- Generate mock data +- Build all components and services +- Ensure TypeScript strict mode compliance + +**Files Created:** +``` +src/ +โ”œโ”€โ”€ components/ +โ”‚ โ”œโ”€โ”€ Dashboard.tsx +โ”‚ โ”œโ”€โ”€ MetricWidget.tsx +โ”‚ โ”œโ”€โ”€ ChartWidget.tsx +โ”‚ โ”œโ”€โ”€ LayoutGrid.tsx +โ”‚ โ”œโ”€โ”€ FilterPanel.tsx +โ”‚ โ”œโ”€โ”€ Header.tsx +โ”‚ โ””โ”€โ”€ Sidebar.tsx +โ”œโ”€โ”€ services/ +โ”‚ โ”œโ”€โ”€ dashboardService.ts +โ”‚ โ”œโ”€โ”€ dataService.ts +โ”‚ โ””โ”€โ”€ exportService.ts +โ”œโ”€โ”€ types/ +โ”‚ โ”œโ”€โ”€ dashboard.types.ts +โ”‚ โ”œโ”€โ”€ metrics.types.ts +โ”‚ โ””โ”€โ”€ widget.types.ts +โ”œโ”€โ”€ hooks/ +โ”‚ โ”œโ”€โ”€ usePolling.ts +โ”‚ โ”œโ”€โ”€ useDashboard.ts +โ”‚ โ””โ”€โ”€ useLocalStorage.ts +โ”œโ”€โ”€ utils/ +โ”‚ โ”œโ”€โ”€ formatters.ts +โ”‚ โ”œโ”€โ”€ generators.ts +โ”‚ โ””โ”€โ”€ calculations.ts +โ”œโ”€โ”€ data/ +โ”‚ โ””โ”€โ”€ mockData.ts +โ”œโ”€โ”€ styles/ +โ”‚ โ””โ”€โ”€ globals.css +โ”œโ”€โ”€ App.tsx +โ””โ”€โ”€ main.tsx +``` + +**Success Criteria:** +- โœ“ No TypeScript compilation errors +- โœ“ All components render without errors +- โœ“ Mock data loads correctly +- โœ“ Responsive design verified +- โœ“ Ready for testing + +**If errors occur:** +- Check error messages +- Fix compilation issues +- Re-run compile.prompt.md +- Wait for completion before Phase 3 + +--- + +### Phase 3: Test Generation & Execution +**Prompt:** `/test.prompt.md` + +**Objectives:** +- Generate comprehensive unit tests +- Generate integration tests +- Generate E2E test scenarios +- Ensure 80%+ code coverage +- Run test suite + +**Test Coverage:** +``` +tests/ +โ”œโ”€โ”€ unit/ +โ”‚ โ”œโ”€โ”€ formatters.test.ts +โ”‚ โ”œโ”€โ”€ hooks.test.ts +โ”‚ โ”œโ”€โ”€ components.test.tsx +โ”‚ โ””โ”€โ”€ calculations.test.ts +โ”œโ”€โ”€ integration/ +โ”‚ โ”œโ”€โ”€ dashboard.test.tsx +โ”‚ โ”œโ”€โ”€ dataService.test.ts +โ”‚ โ””โ”€โ”€ exportService.test.ts +โ””โ”€โ”€ e2e/ + โ””โ”€โ”€ userFlows.test.tsx +``` + +**Success Criteria:** +- โœ“ Test coverage > 80% +- โœ“ All tests passing +- โœ“ Tests execute in < 10 seconds +- โœ“ No test warnings +- โœ“ Ready for code review + +**If test failures occur:** +- Review failing tests +- Fix implementation issues +- Re-run test.prompt.md +- Wait for all tests to pass before Phase 4 + +--- + +### Phase 4: Code Quality Review +**Prompt:** `/review.prompt.md` + +**Objectives:** +- Review code against specification +- Verify coding standards +- Check performance requirements +- Validate accessibility +- Ensure best practices + +**Review Focus:** +- Spec compliance: Features implemented as specified +- Code quality: TypeScript, no `any`, clean code +- Performance: Load times, responsiveness +- React best practices: Hooks, component design +- Accessibility: WCAG compliance +- Testing: Coverage and quality + +**Success Criteria:** +- โœ“ No critical issues +- โœ“ No high-priority issues (spec compliance) +- โœ“ Code matches specification +- โœ“ Ready for merge + +**If issues found:** +- Address all critical issues +- High-priority issues must be fixed +- Medium/low can be optional +- Fix issues in src/ files +- Re-run review.prompt.md +- Wait for approval before Phase 5 + +--- + +### Phase 5: Security Audit +**Prompt:** `/security.prompt.md` + +**Objectives:** +- Analyze code for vulnerabilities +- Check OWASP Top 10 +- Verify dependency security +- Review authentication/authorization +- Validate data protection + +**Security Focus:** +- Injection vulnerabilities (XSS, SQL) +- Authentication & authorization +- Data protection & encryption +- API security +- Dependency vulnerabilities +- Error handling security + +**Success Criteria:** +- โœ“ No critical vulnerabilities +- โœ“ No hardcoded secrets +- โœ“ Secure error handling +- โœ“ Dependencies audit passing +- โœ“ Ready for deployment + +**If security issues found:** +- Fix all critical vulnerabilities immediately +- Address high-priority security issues +- Update dependencies if needed +- Re-run security.prompt.md +- Wait for security clearance before Phase 6 + +--- + +### Phase 6: Final Verification & Deployment Ready +**Objectives:** +- Run final checks +- Build production bundle +- Verify all requirements met +- Generate deployment summary + +**Verification Steps:** +```bash +# 1. Run lint +npm run lint + +# 2. Run tests with coverage +npm run test:coverage + +# 3. Build for production +npm run build + +# 4. Verify build size +# Expected: < 1MB gzipped + +# 5. Check no console errors/warnings +# Run in development mode and verify console +``` + +**Deployment Checklist:** +- โœ“ All tests passing (80%+ coverage) +- โœ“ No TypeScript errors +- โœ“ No ESLint warnings +- โœ“ Security audit passed +- โœ“ Code review approved +- โœ“ Production build successful +- โœ“ Bundle size optimized +- โœ“ No console errors +- โœ“ Responsive design verified +- โœ“ Accessibility checked + +--- + +## Workflow Execution + +### Option 1: Run Complete Workflow +**Single Command:** +``` +/full-workflow.prompt.md +``` + +This executes all phases sequentially, waiting for each to complete before starting the next. + +### Option 2: Run Individual Phases +Run phases independently as needed: + +``` +Phase 1: /lint-spec.prompt.md +Phase 2: /compile.prompt.md +Phase 3: /test.prompt.md +Phase 4: /review.prompt.md +Phase 5: /security.prompt.md +``` + +### Option 3: Resume from Phase +If a phase fails and is fixed: +``` +/lint-spec.prompt.md # Phase 1 +/compile.prompt.md # Phase 2 +# Fix issues if any +/compile.prompt.md # Re-run Phase 2 +/test.prompt.md # Phase 3 +# Continue workflow... +``` + +--- + +## Success Criteria - Complete Workflow + +After all phases complete successfully: + +### Specification โœ“ +- Specification is clear, complete, and consistent +- All requirements are testable +- Technical feasibility validated + +### Code โœ“ +- All features implemented per specification +- TypeScript strict mode compliance +- No `any` types or compiler errors +- Clean, well-organized code structure +- Responsive design implemented +- Accessibility standards met + +### Testing โœ“ +- 80%+ code coverage +- All unit, integration, and E2E tests passing +- No test warnings +- Tests run in < 10 seconds + +### Quality โœ“ +- Code review passed +- All critical/high issues resolved +- Coding best practices followed +- Performance targets met + +### Security โœ“ +- No critical vulnerabilities +- No hardcoded secrets +- Secure error handling +- Dependencies up to date +- OWASP Top 10 addressed + +### Deployment Ready โœ“ +- Production build successful +- Bundle size optimized (< 1MB gzipped) +- No console errors/warnings +- Ready for deployment + +--- + +## Troubleshooting + +### If Phase Fails +1. **Review error message** - Understand what went wrong +2. **Fix the issue** - Edit the relevant source files +3. **Re-run the phase** - Execute the same prompt again +4. **Wait for completion** - Don't skip to next phase until fixed + +### Common Issues & Solutions + +#### TypeScript Errors +``` +Issue: "No such file or directory" +Fix: Check file paths in error, ensure all imports use correct paths +Re-run: /compile.prompt.md +``` + +#### Test Failures +``` +Issue: "Test suite failed" +Fix: Check test output for specific failures, fix implementation +Re-run: /test.prompt.md +``` + +#### Code Review Issues +``` +Issue: "Critical issues in code" +Fix: Update implementation per review, rerun compile if needed +Re-run: /review.prompt.md +``` + +#### Security Vulnerabilities +``` +Issue: "Hardcoded secrets found" +Fix: Move to environment variables +Re-run: /security.prompt.md +``` + +--- + +## Workflow Timeline + +| Phase | Time | Status | +|-------|------|--------| +| Lint Spec | ~5 min | Not started | +| Compile | ~10 min | Not started | +| Testing | ~5 min | Not started | +| Review | ~10 min | Not started | +| Security | ~5 min | Not started | +| **Total** | **~35 min** | **Ready to begin** | + +--- + +## Next Steps After Workflow + +Once workflow completes successfully: + +1. **Deploy to staging environment** +2. **Manual QA testing** (if needed) +3. **Performance testing** in production-like environment +4. **Deploy to production** +5. **Monitor dashboards** for errors + +--- + +## Dashboard is Ready! ๐ŸŽ‰ + +When all phases pass: +- โœ… Specification validated +- โœ… Code generated and tested +- โœ… Quality reviewed +- โœ… Security audited +- โœ… **Ready for production use** + +Your analytics dashboard is complete and ready to deploy! diff --git a/custom-prompt/sample-dashboard/lint-spec.prompt.md b/custom-prompt/sample-dashboard/lint-spec.prompt.md new file mode 100644 index 0000000..ba8ee1b --- /dev/null +++ b/custom-prompt/sample-dashboard/lint-spec.prompt.md @@ -0,0 +1,291 @@ +--- +name: compile +agent: agent +description: Lint specification for quality and completeness +--- + +# Lint Specification + +## Task +Review `dashboard.prompt.md` specification for quality, clarity, completeness, and technical feasibility. + +## Clarity Review + +### Requirements Clarity +- [ ] All requirements unambiguous? +- [ ] Technical terms defined? +- [ ] Examples provided for complex features? +- [ ] No contradicting statements? +- [ ] Acceptance criteria are testable? +- [ ] "Should", "must", "may" used correctly? + +#### Issues to Check +``` +UNCLEAR: "Dashboard should be fast" +CLEAR: "Dashboard should load in < 2 seconds with < 1MB initial bundle" + +UNCLEAR: "Support multiple charts" +CLEAR: "Support Line Chart, Bar Chart, and Pie Chart with configuration options" + +UNCLEAR: "Good performance" +CLEAR: "Initial page load: < 2s | Widget update: < 500ms | Export: < 2s" +``` + +### Technical Definition +- [ ] All APIs documented? +- [ ] Data structures clearly defined with types? +- [ ] UI components described with states? +- [ ] Edge cases explained? +- [ ] Error scenarios covered? + +### Examples Quality +- [ ] Code examples are correct? +- [ ] Mock data examples realistic? +- [ ] UI examples match implementation? +- [ ] User flow examples complete? + +## Consistency Review + +### Terminology +- [ ] Same terms used throughout? +- [ ] Abbreviations defined once and used consistently? +- [ ] No synonyms for same concept? + - Example: "export" vs "download" vs "save" +- [ ] Naming conventions consistent? + +### Formatting +- [ ] Consistent heading levels? +- [ ] Consistent code block formatting? +- [ ] Table structures aligned? +- [ ] Link formats consistent? +- [ ] Date/time formats consistent? + +### Structure +- [ ] Logical flow from intro to details? +- [ ] No duplicate requirements? +- [ ] Related requirements grouped? +- [ ] Dependencies between features clear? +- [ ] Hierarchy makes sense? + +### Style +- [ ] Consistent voice (active vs passive)? +- [ ] Tense consistent (present vs future)? +- [ ] Professional tone throughout? +- [ ] No informal language? + +## Completeness Review + +### Coverage +- [ ] All features documented? +- [ ] All user roles addressed? +- [ ] All integrations specified? +- [ ] All data types defined? +- [ ] All APIs listed? +- [ ] All error cases covered? + +### Test Coverage +- [ ] Acceptance criteria for each feature? +- [ ] Test cases identified? +- [ ] Edge cases documented? +- [ ] Performance requirements stated? +- [ ] Browser compatibility needs? + +### Documentation +- [ ] Architecture explained? +- [ ] Tech stack justified? +- [ ] Project structure defined? +- [ ] Build process documented? +- [ ] Deployment strategy clear? + +### Missing Sections +- [ ] Success criteria for project? +- [ ] Definition of done? +- [ ] Rollback procedures? +- [ ] Monitoring requirements? +- [ ] Support procedures? + +## Technical Feasibility Review + +### Architecture +- [ ] Architecture realistic given constraints? +- [ ] Scalability addressed? +- [ ] Technology choices compatible? +- [ ] No architectural contradictions? + +### Tech Stack +- [ ] All technologies well-supported? +- [ ] Tools work together? +- [ ] Learning curve reasonable? +- [ ] Community support available? +- [ ] Alternative options considered? + +``` +โœ“ React 18 + TypeScript: Mature, well-documented +โœ“ Recharts: Purpose-built for dashboards +โœ“ Tailwind CSS: Well-integrated with React +โœ“ Vite: Fast, modern build tool +``` + +### Timeline +- [ ] Requirements achievable in scope? +- [ ] No scope creep evident? +- [ ] Realistic effort estimation possible? +- [ ] Priorities clear? +- [ ] Phasing makes sense? + +### Resources +- [ ] Skills described available? +- [ ] Tools specified are accessible? +- [ ] Licenses clear (if commercial)? +- [ ] Infrastructure requirements realistic? + +### Dependencies +- [ ] External service requirements clear? +- [ ] API contracts defined? +- [ ] Data sources identified? +- [ ] No circular dependencies? + +## Quality Issues Classification + +### Critical ๐Ÿ”ด +- Contradicting requirements +- Impossible to implement technically +- Missing acceptance criteria +- Ambiguous core functionality +- Security requirements missing + +### Warning ๐ŸŸก +- Incomplete feature description +- Unclear terminology +- Missing edge cases +- Performance targets unrealistic +- Insufficient test requirements + +### Info ๐Ÿ”ต +- Style improvements +- Formatting suggestions +- Documentation enhancements +- Best practice recommendations +- Consistency adjustments + +## Issues Format + +``` +**Severity:** ๐Ÿ”ด Critical | ๐ŸŸก Warning | ๐Ÿ”ต Info +**Type:** Clarity | Completeness | Consistency | Feasibility +**Location:** Section [X.X] - Feature Name +**Line:** [line number] + +**Issue:** +Describe the problem + +**Example:** +Show problematic text or code + +**Recommendation:** +How to improve it + +**Impact:** +Why this matters +``` + +## Output Report + +### Specification Lint Report +``` +# Dashboard Specification Lint Report + +## Summary +- Total Issues: [count] +- Critical: [count] +- Warnings: [count] +- Info: [count] + +## Specification Status: [APPROVED/APPROVED WITH NOTES/NEEDS REVISION/REJECTED] + +## Critical Issues (Must Fix) +1. [Issue] + - Section: [X.X] + - Problem: [Description] + - Fix: [Recommendation] + +## Warnings (Should Fix) +[Similar format to critical] + +## Info (Nice to Have) +[Similar format to critical] + +## Consistency Check +- โœ“/โœ— Terminology consistent +- โœ“/โœ— Formatting consistent +- โœ“/โœ— Structure logical +- โœ“/โœ— Voice consistent + +## Completeness Check +- โœ“/โœ— All features covered +- โœ“/โœ— All roles addressed +- โœ“/โœ— Test requirements defined +- โœ“/โœ— Architecture explained +- โœ“/โœ— Tech stack justified + +## Feasibility Check +- โœ“/โœ— Architecturally sound +- โœ“/โœ— Tech stack compatible +- โœ“/โœ— Timeline realistic +- โœ“/โœ— Resources available +- โœ“/โœ— Dependencies clear + +## Next Steps +1. Address critical issues +2. Resolve warnings +3. Re-submit for approval +4. Ready for development +``` + +## Lint Rules + +### Rule: REQUIREMENT-CLARITY +Every requirement must be testable and measurable. +``` +โŒ "Support all devices" +โœ… "Support desktop (1024px+), tablet (768-1023px), mobile (< 768px)" +``` + +### Rule: TERM-CONSISTENCY +Define each term once, use consistently. +``` +DON'T use: export, download, save (for same feature) +DO use: "export" (defined in section X.X) +``` + +### Rule: ACCEPTANCE-CRITERIA +Each feature needs acceptance criteria. +``` +Feature: Real-Time Metric Widget +Acceptance Criteria: +1. [ ] Displays metric name +2. [ ] Shows current value +3. [ ] Updates without page refresh +``` + +### Rule: TECH-JUSTIFICATION +Justify technology choices. +``` +โŒ "Use React" +โœ… "Use React 18 for component composition, hooks support, and ecosystem maturity" +``` + +### Rule: PERFORMANCE-TARGETS +All performance requirements are measurable. +``` +โŒ "Fast page load" +โœ… "Initial load < 2 seconds on 4G network, < 1MB bundle" +``` + +## Success Criteria +- โœ“ No critical issues remain +- โœ“ Specification is clear and testable +- โœ“ Terminology consistent throughout +- โœ“ Complete and ready for development +- โœ“ Technical approach validated +- โœ“ Ready for team review/approval diff --git a/custom-prompt/sample-dashboard/review.prompt.md b/custom-prompt/sample-dashboard/review.prompt.md new file mode 100644 index 0000000..8bfda76 --- /dev/null +++ b/custom-prompt/sample-dashboard/review.prompt.md @@ -0,0 +1,162 @@ +--- +name: code-review +agent: agent +description: Review code for quality and spec compliance +--- +# Code Review: Spec Compliance & Quality + +## Task +Review the implementation in `src/` against `dashboard.prompt.md` + +## Review Checklist + +### Spec Compliance +- [ ] All required components implemented? +- [ ] All data types match specification? +- [ ] All features from spec are coded? +- [ ] Mock data matches spec examples? +- [ ] File structure matches planned layout? +- [ ] All acceptance criteria met? + +### Code Quality +- [ ] TypeScript strict mode enforced? +- [ ] No `any` types used? +- [ ] Components are reusable and composable? +- [ ] Clear, descriptive naming conventions? +- [ ] Functions under 50 lines? +- [ ] Proper error handling implemented? +- [ ] No hardcoded values (use constants)? +- [ ] Consistent code formatting? + +### Performance +- [ ] Initial load < 2 seconds? +- [ ] Polling updates < 500ms? +- [ ] Filter changes < 1 second? +- [ ] Export < 2 seconds? +- [ ] No unnecessary re-renders? +- [ ] Proper cleanup in useEffect? + +### React & TypeScript Best Practices +- [ ] Proper PropTypes or TypeScript types? +- [ ] Hooks used correctly? +- [ ] No console warnings? +- [ ] Proper dependency arrays in useEffect? +- [ ] Event handlers properly bound? +- [ ] Memory leaks prevented? + +### Accessibility +- [ ] Proper semantic HTML? +- [ ] ARIA labels where needed? +- [ ] Keyboard navigation supported? +- [ ] Color contrast sufficient? +- [ ] Images have alt text? + +### Responsive Design +- [ ] Mobile layout works (< 768px)? +- [ ] Tablet layout works (768-1024px)? +- [ ] Desktop layout works (> 1024px)? +- [ ] No horizontal scroll on mobile? +- [ ] Touch-friendly button sizes? + +### Testing +- [ ] Test coverage > 80%? +- [ ] Tests follow naming convention? +- [ ] All edge cases tested? +- [ ] Error scenarios tested? +- [ ] Performance tests included? + +## Code Issues Format + +For each issue found: + +### Issue Template +``` +**Type:** Bug | Warning | Suggestion +**Location:** src/components/MetricWidget.tsx (line 45) +**Severity:** Critical | High | Medium | Low +**Description:** +What is the issue and why is it a problem? + +**Example:** +const value = calculateTrend(data) // Potential undefined access + +**Fix:** +const value = calculateTrend(data ?? []) + +**Reference:** Dashboard spec section 1.2, React best practices +``` + +## Output Format + +### Summary Report +``` +# Code Review Report + +## Overview +- Total Issues: [count] +- Critical: [count] +- High: [count] +- Medium: [count] +- Low: [count] + +## Ready to Merge: [YES/NO] + +If NO, list blocking issues that must be fixed before merge. + +## Issues by File + +### src/components/MetricWidget.tsx +- [Issue 1] +- [Issue 2] + +### src/services/dataService.ts +- [Issue 3] +- [Issue 4] + +## Recommendations +- [Improvement suggestion 1] +- [Improvement suggestion 2] +- [Performance optimization] + +## Positives +- [What's working well] +- [Good patterns observed] +- [Clean implementation in X area] + +## Next Steps +1. Address blocking issues +2. Optional: Consider recommendations +3. Re-run review after fixes +4. Merge when all critical/high fixed +``` + +## Red Flags (Always Critical) + +- Unused imports +- Console.log in production code +- TODO/FIXME comments +- Inline CSS/magic numbers +- Missing error boundaries +- Unhandled promise rejections +- Memory leaks in useEffect +- Props drilling (more than 2 levels) +- Type errors (any types) +- Missing specifications + +## Green Flags (Positive Patterns) + +- Strong TypeScript types +- Custom hooks for reusability +- Consistent error handling +- Comprehensive test coverage +- Responsive design +- Accessible components +- Clean component composition +- Well-organized services +- Performance optimized + +## Success Criteria +- โœ“ No critical issues +- โœ“ All high priority issues addressed +- โœ“ Code matches spec requirements +- โœ“ Ready for merge/deployment diff --git a/custom-prompt/sample-dashboard/security.prompt.md b/custom-prompt/sample-dashboard/security.prompt.md new file mode 100644 index 0000000..85181bb --- /dev/null +++ b/custom-prompt/sample-dashboard/security.prompt.md @@ -0,0 +1,238 @@ +--- +name: security-audit +agent: agent +description: Security analysis and threat modeling +--- +# Security Audit + +## Task +Perform security analysis on specification and source code for the dashboard application. + +## Specification Security Review + +### Authentication & Authorization +- [ ] Authentication mechanism defined? +- [ ] Role-based access control (RBAC) implemented? + - [ ] Admin role restrictions clear? + - [ ] Manager role permissions defined? + - [ ] Viewer role limits enforced? +- [ ] Session management requirements specified? +- [ ] Token expiration policies defined? +- [ ] Permission inheritance clear? + +### Data Protection +- [ ] Sensitive data identification documented? +- [ ] Encryption requirements specified? +- [ ] Data retention policies defined? +- [ ] PII handling procedures clear? +- [ ] Export data security addressed? + +### API Security +- [ ] Rate limiting requirements specified? +- [ ] Input validation requirements defined? +- [ ] Output encoding requirements? +- [ ] API versioning strategy? +- [ ] Backward compatibility considerations? + +### Logging & Monitoring +- [ ] Audit logging requirements? +- [ ] Security event logging specified? +- [ ] Log retention policies? +- [ ] Monitoring alert thresholds? +- [ ] Incident response procedures? + +## Code Security Review + +### Injection Vulnerabilities +- [ ] SQL injection: No direct DB queries in frontend (OK for mock data) +- [ ] XSS prevention: React escapes by default โœ“ +- [ ] Template injection: Not applicable +- [ ] Command injection: Check eval(), exec() usage +- [ ] Check for dangerouslySetInnerHTML usage + +```typescript +// โœ“ SAFE +
{userData.name}
+ +// โœ— DANGEROUS +
+``` + +### Authentication & Authorization +- [ ] JWT tokens: Check token storage (localStorage vs sessionStorage) +- [ ] Token validation on each request? +- [ ] Protected routes properly guarded? +- [ ] Role checks enforced on client-side? +- [ ] Sensitive operations require role verification? + +```typescript +// Check: Is auth token stored securely? +// localStorage: Vulnerable to XSS +// sessionStorage: Better, but still at risk +// HttpOnly cookies: Preferred (not in SPA) +``` + +### Cross-Site Request Forgery (CSRF) +- [ ] State-changing operations use POST/PUT/DELETE? +- [ ] CSRF tokens included in forms? +- [ ] SameSite cookie attribute set? +- [ ] Origin verification on backend? + +### Data Security +- [ ] Sensitive data logged? โœ— Should not log passwords/tokens +- [ ] PII exposed in URL parameters? +- [ ] Data encrypted in transit (HTTPS)? +- [ ] Sensitive data not stored in localStorage? + +```typescript +// โœ— DANGEROUS +console.log('User:', user); // May include sensitive data +localStorage.setItem('apiKey', apiKey); // Exposed to XSS + +// โœ“ SAFER +console.log('User action completed'); // Generic log +// Use HttpOnly cookies for tokens +``` + +### Dependency Vulnerabilities +- [ ] npm audit passes? +- [ ] No known vulnerabilities in dependencies? +- [ ] Dependencies regularly updated? +- [ ] Lock file committed to version control? +- [ ] Outdated packages identified? + +### Client-Side Validation +- [ ] All inputs validated on server too? +- [ ] Client validation doesn't expose sensitive logic? +- [ ] File upload validation in place? +- [ ] File type verification implemented? + +### Error Handling +- [ ] Errors don't expose stack traces to users? +- [ ] Error messages are generic for security? +- [ ] Sensitive data not in error messages? + +```typescript +// โœ— DANGEROUS +catch (error) { + alert(error.message); // May expose database schema +} + +// โœ“ SAFER +catch (error) { + console.error('Database error:', error); + alert('An error occurred. Please try again.'); +} +``` + +### Third-Party Libraries +- [ ] Charting library (Recharts) security vetted? +- [ ] No XSS vulnerabilities in dependencies? +- [ ] Icons library (Lucide React) safe? +- [ ] CSS framework (Tailwind) secure? + +### Environment Variables +- [ ] No API keys hardcoded? +- [ ] .env files not committed? +- [ ] Environment variables properly typed? +- [ ] Development/production configs separated? + +```typescript +// โœ— DANGEROUS +const API_KEY = "sk-abc123"; // Hardcoded + +// โœ“ SAFER +const API_KEY = process.env.REACT_APP_API_KEY; +``` + +### Export Functionality Security +- [ ] PDF export doesn't include sensitive user data? +- [ ] CSV export filtered by user permissions? +- [ ] Export includes appropriate disclaimers? +- [ ] Export audit logged? +- [ ] File download properly secured? + +### Responsive Design Security +- [ ] Mobile view doesn't expose data unintentionally? +- [ ] Touch events properly validated? +- [ ] No sensitive data in data attributes? + +## Vulnerability Classification + +### Critical โ›” +- SQL/XSS injection +- Authentication bypass +- Privilege escalation +- Hardcoded secrets +- Unencrypted sensitive data + +### High โš ๏ธ +- Weak input validation +- Inadequate access control +- Missing rate limiting +- Exposed sensitive errors +- CSRF vulnerabilities + +### Medium โšก +- Dependency vulnerabilities +- Missing security headers +- Weak error handling +- Insufficient logging + +### Low โ„น๏ธ +- Security best practice deviations +- Code quality improvements +- Documentation gaps + +## Output Format + +### Security Audit Report +``` +# Security Audit Report + +## Summary +- Total Issues: [count] +- Critical: [count] +- High: [count] +- Medium: [count] +- Low: [count] + +## Risk Assessment: [CRITICAL/HIGH/MEDIUM/LOW] + +## Critical Issues (Must Fix) +1. [Issue] + - Location: File, line number + - Risk: Explanation + - Fix: Recommendation + +## High Priority Issues +[List similar to critical] + +## Recommendations +- [Security best practice 1] +- [Security best practice 2] +- [Compliance requirement] + +## Compliance Checklist +- [ ] OWASP Top 10 covered +- [ ] GDPR considerations addressed +- [ ] Data classification complete +- [ ] Access control enforced +- [ ] Audit logging implemented +- [ ] Error handling secure + +## Next Steps +1. Fix critical issues immediately +2. Address high priority before deployment +3. Schedule regular security reviews +4. Implement continuous dependency scanning +5. Add security testing to CI/CD +``` + +## Success Criteria +- โœ“ No critical vulnerabilities +- โœ“ No hardcoded secrets +- โœ“ Proper access controls +- โœ“ Secure error handling +- โœ“ Dependencies up to date +- โœ“ Security best practices followed diff --git a/custom-prompt/sample-dashboard/test.prompt.md b/custom-prompt/sample-dashboard/test.prompt.md new file mode 100644 index 0000000..2e509e8 --- /dev/null +++ b/custom-prompt/sample-dashboard/test.prompt.md @@ -0,0 +1,160 @@ +--- +name: test-workflow +agent: agent +description: Generate tests from specification +--- +# Generate Tests from Specification + +## Task +Create comprehensive tests matching the dashboard specification in `dashboard.prompt.md` + +## Test Structure + +### Unit Tests (`tests/unit/`) + +#### Formatter Tests +``` +test_formatCurrency_withUSD_returnsFormattedValue +test_formatPercentage_withPositive_returnsGreenColor +test_formatPercentage_withNegative_returnsRedColor +test_formatNumber_withThousands_addsCommas +``` + +#### Hook Tests +``` +test_usePolling_startsOnMount +test_usePolling_callsCallbackAtInterval +test_usePolling_cleansUpOnUnmount +test_useLocalStorage_persistsData +test_useLocalStorage_retrievesPersistedData +test_useDashboard_initializesWithDefaultState +test_useDashboard_updateFilters_refreshesData +``` + +#### Component Tests +``` +test_MetricWidget_renders_metricName +test_MetricWidget_displays_currentValue +test_MetricWidget_shows_trendPercentage +test_MetricWidget_colorChange_onPositiveTrend +test_MetricWidget_showsRetry_onError +test_ChartWidget_renders_rechartComponent +test_ChartWidget_updatesData_onPropsChange +test_LayoutGrid_renders_children +test_LayoutGrid_accepts_dragEvents +test_FilterPanel_renders_allFilters +test_FilterPanel_emits_filterChange_onSelection +``` + +### Integration Tests (`tests/integration/`) + +#### Dashboard Integration +``` +test_Dashboard_loadsInitialData +test_Dashboard_displaysMetricsAndCharts +test_Dashboard_filterChange_updatesAllWidgets +test_Dashboard_layoutPersists_onReload +test_Dashboard_addWidget_addsToGrid +test_Dashboard_removeWidget_removesFromGrid +``` + +#### Data Service Integration +``` +test_dataService_fetchMetrics_returnsData +test_dataService_fetchChartData_returnsArray +test_dataService_supportsTimeRangeFilter +test_dataService_supportsRegionFilter +test_dataService_supportsSegmentFilter +``` + +#### Export Service Integration +``` +test_exportService_generatePDF_creates_file +test_exportService_exportCSV_creates_file +test_exportService_export_includesHeaders +test_exportService_export_includesTimestamp +``` + +### E2E Tests (`tests/e2e/`) + +#### User Workflows +``` +test_userFlow_viewDashboard_seesMetrics +test_userFlow_filterByTimeRange_updatesCharts +test_userFlow_dragWidget_reordersLayout +test_userFlow_exportDashboard_downloadsPDF +test_userFlow_exportData_downloadsCSV +test_userFlow_customLayout_persistsAfterRefresh +test_userFlow_multipleFilters_appliesCorrectly +``` + +## Test Coverage Requirements + +For each feature in spec: +1. **Happy path test** (valid inputs, success case) +2. **Error path test** (invalid inputs, error handling) +3. **Edge case test** (boundary conditions, null values) +4. **Performance test** (meets spec latency requirements) + +### Coverage Targets +- Utilities: 100% coverage +- Hooks: 95%+ coverage +- Components: 85%+ coverage +- Services: 90%+ coverage +- **Overall: 80%+ coverage** + +## Test Naming Convention +Format: `test_[component/service]_[action]_[expected]` + +Examples: +``` +test_metricWidget_displayValue_formatsWithCommas +test_layoutGrid_onDrop_reordersWidgets +test_dataService_fetch_returnsData_within1Second +test_filterPanel_selectTimeRange_emitsChange +``` + +## Testing Stack +- Framework: Jest +- Component testing: React Testing Library +- Assertions: Jest matchers +- Mocking: Jest mocks and spies + +## Test File Organization +``` +tests/ +โ”œโ”€โ”€ unit/ +โ”‚ โ”œโ”€โ”€ formatters.test.ts +โ”‚ โ”œโ”€โ”€ hooks.test.ts +โ”‚ โ”œโ”€โ”€ components.test.tsx +โ”‚ โ””โ”€โ”€ calculations.test.ts +โ”œโ”€โ”€ integration/ +โ”‚ โ”œโ”€โ”€ dashboard.test.tsx +โ”‚ โ”œโ”€โ”€ dataService.test.ts +โ”‚ โ””โ”€โ”€ exportService.test.ts +โ””โ”€โ”€ e2e/ + โ””โ”€โ”€ userFlows.test.tsx +``` + +## Running Tests +```bash +# Run all tests +npm run test + +# Run with coverage +npm run test:coverage + +# Run specific test file +npm run test -- formatters.test.ts + +# Watch mode +npm run test:watch +``` + +## Success Criteria +- โœ“ All acceptance criteria have tests +- โœ“ Test coverage > 80% +- โœ“ All tests pass +- โœ“ Tests run in < 10 seconds +- โœ“ No test warnings +- โœ“ Tests are maintainable and clear From 541c192ee828df0569b6b9073ec08481b8fb22fe Mon Sep 17 00:00:00 2001 From: KaviyaSF4835 Date: Wed, 18 Mar 2026 17:13:01 +0530 Subject: [PATCH 2/4] Removed icons and renamed folders --- {custom-agent => agent}/README.md | 8 +- .../design/ui-desginer.agent.md | 0 .../design/ux-researcher.agent.md | 0 .../codebase-documenter.agent.md | 20 ++--- .../engineering/backend-architect.agent.md | 0 .../engineering/devops-automator.agent.md | 0 .../engineering/rapid-prototyper.agent.md | 0 .../engineering/test-writer.agent.md | 0 .../marketing/content-creator.agent.md | 0 .../testing/api-tester.agent.md | 0 .../testing/performance-benchmarker.agent.md | 6 +- .../testing/react/test-generator.agent.md | 0 .../testing/tool-evaluator.agent.md | 0 {custom-prompt => prompt}/README.md | 2 +- .../sample-dashboard/compile.prompt.md | 14 +-- .../sample-dashboard/dashboard.prompt.md | 14 +-- .../sample-dashboard/full-workflow.prompt.md | 90 +++++++++---------- .../sample-dashboard/lint-spec.prompt.md | 68 +++++++------- .../sample-dashboard/review.prompt.md | 8 +- .../sample-dashboard/security.prompt.md | 30 +++---- .../sample-dashboard/test.prompt.md | 12 +-- 21 files changed, 135 insertions(+), 137 deletions(-) rename {custom-agent => agent}/README.md (98%) rename {custom-agent => agent}/design/ui-desginer.agent.md (100%) rename {custom-agent => agent}/design/ux-researcher.agent.md (100%) rename {custom-agent => agent}/documentation/codebase-documenter.agent.md (95%) rename {custom-agent => agent}/engineering/backend-architect.agent.md (100%) rename {custom-agent => agent}/engineering/devops-automator.agent.md (100%) rename {custom-agent => agent}/engineering/rapid-prototyper.agent.md (100%) rename {custom-agent => agent}/engineering/test-writer.agent.md (100%) rename {custom-agent => agent}/marketing/content-creator.agent.md (100%) rename {custom-agent => agent}/testing/api-tester.agent.md (100%) rename {custom-agent => agent}/testing/performance-benchmarker.agent.md (98%) rename {custom-agent => agent}/testing/react/test-generator.agent.md (100%) rename {custom-agent => agent}/testing/tool-evaluator.agent.md (100%) rename {custom-prompt => prompt}/README.md (97%) rename {custom-prompt => prompt}/sample-dashboard/compile.prompt.md (91%) rename {custom-prompt => prompt}/sample-dashboard/dashboard.prompt.md (95%) rename {custom-prompt => prompt}/sample-dashboard/full-workflow.prompt.md (85%) rename {custom-prompt => prompt}/sample-dashboard/lint-spec.prompt.md (82%) rename {custom-prompt => prompt}/sample-dashboard/review.prompt.md (96%) rename {custom-prompt => prompt}/sample-dashboard/security.prompt.md (94%) rename {custom-prompt => prompt}/sample-dashboard/test.prompt.md (95%) diff --git a/custom-agent/README.md b/agent/README.md similarity index 98% rename from custom-agent/README.md rename to agent/README.md index 0c2ced0..7521b58 100644 --- a/custom-agent/README.md +++ b/agent/README.md @@ -39,9 +39,9 @@ For sharing agents with your team via source control: ```bash # Create the directory if it doesn't exist mkdir -p YOUR-PROJECT/.codestudio/agents/ - + # Copy all agent files - cp code-studio-library/*/*.agent.md YOUR-PROJECT/.codestudio/agents/ + cp agent\**\*.agent.md YOUR-PROJECT/.codestudio/agents/ ``` 3. **Agents are automatically detected** by Code Studio - no restart needed! @@ -103,6 +103,4 @@ For using agents across all your projects: 1. **Let agents work together** - Many tasks benefit from multiple agents collaborating 2. **Be specific** - Clear task descriptions help agents perform better 3. **Trust the expertise** - Agents are designed for their specific domains -4. **Iterate quickly** - Agents support rapid development and iteration - - +4. **Iterate quickly** - Agents support rapid development and iteration \ No newline at end of file diff --git a/custom-agent/design/ui-desginer.agent.md b/agent/design/ui-desginer.agent.md similarity index 100% rename from custom-agent/design/ui-desginer.agent.md rename to agent/design/ui-desginer.agent.md diff --git a/custom-agent/design/ux-researcher.agent.md b/agent/design/ux-researcher.agent.md similarity index 100% rename from custom-agent/design/ux-researcher.agent.md rename to agent/design/ux-researcher.agent.md diff --git a/custom-agent/documentation/codebase-documenter.agent.md b/agent/documentation/codebase-documenter.agent.md similarity index 95% rename from custom-agent/documentation/codebase-documenter.agent.md rename to agent/documentation/codebase-documenter.agent.md index a60eb2a..71d0ad2 100644 --- a/custom-agent/documentation/codebase-documenter.agent.md +++ b/agent/documentation/codebase-documenter.agent.md @@ -265,16 +265,16 @@ Filename format: `{number:02d}_{safe_name}.md` ## Quality Checklist Before completing, ensure: -- โœ… All abstractions are covered -- โœ… Every abstraction appears in at least one relationship -- โœ… All code blocks are under 10 lines -- โœ… Every code block has an explanation -- โœ… Mermaid diagrams are present and clear -- โœ… All chapter cross-references use proper links -- โœ… Tone is consistently beginner-friendly -- โœ… Examples include both inputs and outputs -- โœ… Analogies are used throughout -- โœ… Navigation is clear (prev/next chapter links) +- All abstractions are covered +- Every abstraction appears in at least one relationship +- All code blocks are under 10 lines +- Every code block has an explanation +- Mermaid diagrams are present and clear +- All chapter cross-references use proper links +- Tone is consistently beginner-friendly +- Examples include both inputs and outputs +- Analogies are used throughout +- Navigation is clear (prev/next chapter links) ## When to Use This Agent diff --git a/custom-agent/engineering/backend-architect.agent.md b/agent/engineering/backend-architect.agent.md similarity index 100% rename from custom-agent/engineering/backend-architect.agent.md rename to agent/engineering/backend-architect.agent.md diff --git a/custom-agent/engineering/devops-automator.agent.md b/agent/engineering/devops-automator.agent.md similarity index 100% rename from custom-agent/engineering/devops-automator.agent.md rename to agent/engineering/devops-automator.agent.md diff --git a/custom-agent/engineering/rapid-prototyper.agent.md b/agent/engineering/rapid-prototyper.agent.md similarity index 100% rename from custom-agent/engineering/rapid-prototyper.agent.md rename to agent/engineering/rapid-prototyper.agent.md diff --git a/custom-agent/engineering/test-writer.agent.md b/agent/engineering/test-writer.agent.md similarity index 100% rename from custom-agent/engineering/test-writer.agent.md rename to agent/engineering/test-writer.agent.md diff --git a/custom-agent/marketing/content-creator.agent.md b/agent/marketing/content-creator.agent.md similarity index 100% rename from custom-agent/marketing/content-creator.agent.md rename to agent/marketing/content-creator.agent.md diff --git a/custom-agent/testing/api-tester.agent.md b/agent/testing/api-tester.agent.md similarity index 100% rename from custom-agent/testing/api-tester.agent.md rename to agent/testing/api-tester.agent.md diff --git a/custom-agent/testing/performance-benchmarker.agent.md b/agent/testing/performance-benchmarker.agent.md similarity index 98% rename from custom-agent/testing/performance-benchmarker.agent.md rename to agent/testing/performance-benchmarker.agent.md index 969da4f..d7234e6 100644 --- a/custom-agent/testing/performance-benchmarker.agent.md +++ b/agent/testing/performance-benchmarker.agent.md @@ -195,9 +195,9 @@ Your primary responsibilities: ### Key Metrics | Metric | Current | Target | Status | |--------|---------|--------|--------| -| LCP | Xs | <2.5s | โŒ | -| FID | Xms | <100ms | โœ… | -| CLS | X | <0.1 | โš ๏ธ | +| LCP | Xs | <2.5s | | +| FID | Xms | <100ms | | +| CLS | X | <0.1 | | ### Top Bottlenecks 1. [Issue] - Impact: Xs - Fix: [Solution] diff --git a/custom-agent/testing/react/test-generator.agent.md b/agent/testing/react/test-generator.agent.md similarity index 100% rename from custom-agent/testing/react/test-generator.agent.md rename to agent/testing/react/test-generator.agent.md diff --git a/custom-agent/testing/tool-evaluator.agent.md b/agent/testing/tool-evaluator.agent.md similarity index 100% rename from custom-agent/testing/tool-evaluator.agent.md rename to agent/testing/tool-evaluator.agent.md diff --git a/custom-prompt/README.md b/prompt/README.md similarity index 97% rename from custom-prompt/README.md rename to prompt/README.md index a098caf..91447c9 100644 --- a/custom-prompt/README.md +++ b/prompt/README.md @@ -41,7 +41,7 @@ For sharing prompts with your team via source control: mkdir -p YOUR-PROJECT/.codestudio/prompts/ # Copy all prompt files - cp code-studio-library/custom-prompt/*.prompt.md YOUR-PROJECT/.codestudio/prompts/ + cp prompt/sample-dashboard/*.prompt.md D:/folder/.codestudio/prompts/ ``` 3. **Prompts are automatically detected** by Code Studio - no restart needed! diff --git a/custom-prompt/sample-dashboard/compile.prompt.md b/prompt/sample-dashboard/compile.prompt.md similarity index 91% rename from custom-prompt/sample-dashboard/compile.prompt.md rename to prompt/sample-dashboard/compile.prompt.md index 435a000..fdcdc8b 100644 --- a/custom-prompt/sample-dashboard/compile.prompt.md +++ b/prompt/sample-dashboard/compile.prompt.md @@ -89,10 +89,10 @@ Create `src/components/` files: - Ready for further customization ## Success Criteria -- โœ“ No TypeScript compilation errors -- โœ“ No console errors on load -- โœ“ All components visible and interactive -- โœ“ Responsive on mobile/tablet/desktop -- โœ“ Metrics display with trends -- โœ“ Charts render correctly -- โœ“ Filtering works properly \ No newline at end of file +- No TypeScript compilation errors +- No console errors on load +- All components visible and interactive +- Responsive on mobile/tablet/desktop +- Metrics display with trends +- Charts render correctly +- Filtering works properly \ No newline at end of file diff --git a/custom-prompt/sample-dashboard/dashboard.prompt.md b/prompt/sample-dashboard/dashboard.prompt.md similarity index 95% rename from custom-prompt/sample-dashboard/dashboard.prompt.md rename to prompt/sample-dashboard/dashboard.prompt.md index 197faad..cecc8a0 100644 --- a/custom-prompt/sample-dashboard/dashboard.prompt.md +++ b/prompt/sample-dashboard/dashboard.prompt.md @@ -231,10 +231,10 @@ src/ ``` ## Success Criteria -- โœ“ All components render without errors -- โœ“ Widgets respond to filter changes -- โœ“ Layout persists across page reloads -- โœ“ Export functionality works -- โœ“ Responsive on all screen sizes -- โœ“ TypeScript strict mode: no `any` types -- โœ“ 80%+ test coverage +- All components render without errors +- Widgets respond to filter changes +- Layout persists across page reloads +- Export functionality works +- Responsive on all screen sizes +- TypeScript strict mode: no `any` types +- 80%+ test coverage diff --git a/custom-prompt/sample-dashboard/full-workflow.prompt.md b/prompt/sample-dashboard/full-workflow.prompt.md similarity index 85% rename from custom-prompt/sample-dashboard/full-workflow.prompt.md rename to prompt/sample-dashboard/full-workflow.prompt.md index 08d1005..e3f832f 100644 --- a/custom-prompt/sample-dashboard/full-workflow.prompt.md +++ b/prompt/sample-dashboard/full-workflow.prompt.md @@ -22,10 +22,10 @@ This workflow chains multiple prompts to create a complete, tested, reviewed, an - Ensure testability of all requirements **Success Criteria:** -- โœ“ No critical specification issues -- โœ“ All requirements are clear and testable -- โœ“ Technical approach validated -- โœ“ Ready for code generation +- No critical specification issues +- All requirements are clear and testable +- Technical approach validated +- Ready for code generation **If issues found:** - Fix critical issues in specification @@ -81,11 +81,11 @@ src/ ``` **Success Criteria:** -- โœ“ No TypeScript compilation errors -- โœ“ All components render without errors -- โœ“ Mock data loads correctly -- โœ“ Responsive design verified -- โœ“ Ready for testing +- No TypeScript compilation errors +- All components render without errors +- Mock data loads correctly +- Responsive design verified +- Ready for testing **If errors occur:** - Check error messages @@ -122,11 +122,11 @@ tests/ ``` **Success Criteria:** -- โœ“ Test coverage > 80% -- โœ“ All tests passing -- โœ“ Tests execute in < 10 seconds -- โœ“ No test warnings -- โœ“ Ready for code review +- Test coverage > 80% +- All tests passing +- Tests execute in < 10 seconds +- No test warnings +- Ready for code review **If test failures occur:** - Review failing tests @@ -155,10 +155,10 @@ tests/ - Testing: Coverage and quality **Success Criteria:** -- โœ“ No critical issues -- โœ“ No high-priority issues (spec compliance) -- โœ“ Code matches specification -- โœ“ Ready for merge +- No critical issues +- No high-priority issues (spec compliance) +- Code matches specification +- Ready for merge **If issues found:** - Address all critical issues @@ -189,11 +189,11 @@ tests/ - Error handling security **Success Criteria:** -- โœ“ No critical vulnerabilities -- โœ“ No hardcoded secrets -- โœ“ Secure error handling -- โœ“ Dependencies audit passing -- โœ“ Ready for deployment +- No critical vulnerabilities +- No hardcoded secrets +- Secure error handling +- Dependencies audit passing +- Ready for deployment **If security issues found:** - Fix all critical vulnerabilities immediately @@ -230,16 +230,16 @@ npm run build ``` **Deployment Checklist:** -- โœ“ All tests passing (80%+ coverage) -- โœ“ No TypeScript errors -- โœ“ No ESLint warnings -- โœ“ Security audit passed -- โœ“ Code review approved -- โœ“ Production build successful -- โœ“ Bundle size optimized -- โœ“ No console errors -- โœ“ Responsive design verified -- โœ“ Accessibility checked +- All tests passing (80%+ coverage) +- No TypeScript errors +- No ESLint warnings +- Security audit passed +- Code review approved +- Production build successful +- Bundle size optimized +- No console errors +- Responsive design verified +- Accessibility checked --- @@ -281,12 +281,12 @@ If a phase fails and is fixed: After all phases complete successfully: -### Specification โœ“ +### Specification - Specification is clear, complete, and consistent - All requirements are testable - Technical feasibility validated -### Code โœ“ +### Code - All features implemented per specification - TypeScript strict mode compliance - No `any` types or compiler errors @@ -294,26 +294,26 @@ After all phases complete successfully: - Responsive design implemented - Accessibility standards met -### Testing โœ“ +### Testing - 80%+ code coverage - All unit, integration, and E2E tests passing - No test warnings - Tests run in < 10 seconds -### Quality โœ“ +### Quality - Code review passed - All critical/high issues resolved - Coding best practices followed - Performance targets met -### Security โœ“ +### Security - No critical vulnerabilities - No hardcoded secrets - Secure error handling - Dependencies up to date - OWASP Top 10 addressed -### Deployment Ready โœ“ +### Deployment Ready - Production build successful - Bundle size optimized (< 1MB gzipped) - No console errors/warnings @@ -386,13 +386,13 @@ Once workflow completes successfully: --- -## Dashboard is Ready! ๐ŸŽ‰ +## Dashboard is Ready! When all phases pass: -- โœ… Specification validated -- โœ… Code generated and tested -- โœ… Quality reviewed -- โœ… Security audited -- โœ… **Ready for production use** +- Specification validated +- Code generated and tested +- Quality reviewed +- Security audited +- **Ready for production use** Your analytics dashboard is complete and ready to deploy! diff --git a/custom-prompt/sample-dashboard/lint-spec.prompt.md b/prompt/sample-dashboard/lint-spec.prompt.md similarity index 82% rename from custom-prompt/sample-dashboard/lint-spec.prompt.md rename to prompt/sample-dashboard/lint-spec.prompt.md index ba8ee1b..4599b97 100644 --- a/custom-prompt/sample-dashboard/lint-spec.prompt.md +++ b/prompt/sample-dashboard/lint-spec.prompt.md @@ -120,10 +120,10 @@ CLEAR: "Initial page load: < 2s | Widget update: < 500ms | Export: < 2s" - [ ] Alternative options considered? ``` -โœ“ React 18 + TypeScript: Mature, well-documented -โœ“ Recharts: Purpose-built for dashboards -โœ“ Tailwind CSS: Well-integrated with React -โœ“ Vite: Fast, modern build tool + React 18 + TypeScript: Mature, well-documented + Recharts: Purpose-built for dashboards + Tailwind CSS: Well-integrated with React + Vite: Fast, modern build tool ``` ### Timeline @@ -147,21 +147,21 @@ CLEAR: "Initial page load: < 2s | Widget update: < 500ms | Export: < 2s" ## Quality Issues Classification -### Critical ๐Ÿ”ด +### Critical - Contradicting requirements - Impossible to implement technically - Missing acceptance criteria - Ambiguous core functionality - Security requirements missing -### Warning ๐ŸŸก +### Warning - Incomplete feature description - Unclear terminology - Missing edge cases - Performance targets unrealistic - Insufficient test requirements -### Info ๐Ÿ”ต +### Info - Style improvements - Formatting suggestions - Documentation enhancements @@ -171,7 +171,7 @@ CLEAR: "Initial page load: < 2s | Widget update: < 500ms | Export: < 2s" ## Issues Format ``` -**Severity:** ๐Ÿ”ด Critical | ๐ŸŸก Warning | ๐Ÿ”ต Info +**Severity:** Critical | Warning | Info **Type:** Clarity | Completeness | Consistency | Feasibility **Location:** Section [X.X] - Feature Name **Line:** [line number] @@ -216,24 +216,24 @@ Why this matters [Similar format to critical] ## Consistency Check -- โœ“/โœ— Terminology consistent -- โœ“/โœ— Formatting consistent -- โœ“/โœ— Structure logical -- โœ“/โœ— Voice consistent +- /โœ— Terminology consistent +- /โœ— Formatting consistent +- /โœ— Structure logical +- /โœ— Voice consistent ## Completeness Check -- โœ“/โœ— All features covered -- โœ“/โœ— All roles addressed -- โœ“/โœ— Test requirements defined -- โœ“/โœ— Architecture explained -- โœ“/โœ— Tech stack justified +- /โœ— All features covered +- /โœ— All roles addressed +- /โœ— Test requirements defined +- /โœ— Architecture explained +- /โœ— Tech stack justified ## Feasibility Check -- โœ“/โœ— Architecturally sound -- โœ“/โœ— Tech stack compatible -- โœ“/โœ— Timeline realistic -- โœ“/โœ— Resources available -- โœ“/โœ— Dependencies clear +- /โœ— Architecturally sound +- /โœ— Tech stack compatible +- /โœ— Timeline realistic +- /โœ— Resources available +- /โœ— Dependencies clear ## Next Steps 1. Address critical issues @@ -247,8 +247,8 @@ Why this matters ### Rule: REQUIREMENT-CLARITY Every requirement must be testable and measurable. ``` -โŒ "Support all devices" -โœ… "Support desktop (1024px+), tablet (768-1023px), mobile (< 768px)" + "Support all devices" + "Support desktop (1024px+), tablet (768-1023px), mobile (< 768px)" ``` ### Rule: TERM-CONSISTENCY @@ -271,21 +271,21 @@ Acceptance Criteria: ### Rule: TECH-JUSTIFICATION Justify technology choices. ``` -โŒ "Use React" -โœ… "Use React 18 for component composition, hooks support, and ecosystem maturity" + "Use React" + "Use React 18 for component composition, hooks support, and ecosystem maturity" ``` ### Rule: PERFORMANCE-TARGETS All performance requirements are measurable. ``` -โŒ "Fast page load" -โœ… "Initial load < 2 seconds on 4G network, < 1MB bundle" + "Fast page load" + "Initial load < 2 seconds on 4G network, < 1MB bundle" ``` ## Success Criteria -- โœ“ No critical issues remain -- โœ“ Specification is clear and testable -- โœ“ Terminology consistent throughout -- โœ“ Complete and ready for development -- โœ“ Technical approach validated -- โœ“ Ready for team review/approval +- No critical issues remain +- Specification is clear and testable +- Terminology consistent throughout +- Complete and ready for development +- Technical approach validated +- Ready for team review/approval diff --git a/custom-prompt/sample-dashboard/review.prompt.md b/prompt/sample-dashboard/review.prompt.md similarity index 96% rename from custom-prompt/sample-dashboard/review.prompt.md rename to prompt/sample-dashboard/review.prompt.md index 8bfda76..e8bd173 100644 --- a/custom-prompt/sample-dashboard/review.prompt.md +++ b/prompt/sample-dashboard/review.prompt.md @@ -156,7 +156,7 @@ If NO, list blocking issues that must be fixed before merge. - Performance optimized ## Success Criteria -- โœ“ No critical issues -- โœ“ All high priority issues addressed -- โœ“ Code matches spec requirements -- โœ“ Ready for merge/deployment +- No critical issues +- All high priority issues addressed +- Code matches spec requirements +- Ready for merge/deployment diff --git a/custom-prompt/sample-dashboard/security.prompt.md b/prompt/sample-dashboard/security.prompt.md similarity index 94% rename from custom-prompt/sample-dashboard/security.prompt.md rename to prompt/sample-dashboard/security.prompt.md index 85181bb..80f2e1b 100644 --- a/custom-prompt/sample-dashboard/security.prompt.md +++ b/prompt/sample-dashboard/security.prompt.md @@ -45,13 +45,13 @@ Perform security analysis on specification and source code for the dashboard app ### Injection Vulnerabilities - [ ] SQL injection: No direct DB queries in frontend (OK for mock data) -- [ ] XSS prevention: React escapes by default โœ“ +- [ ] XSS prevention: React escapes by default - [ ] Template injection: Not applicable - [ ] Command injection: Check eval(), exec() usage - [ ] Check for dangerouslySetInnerHTML usage ```typescript -// โœ“ SAFE +// SAFE
{userData.name}
// โœ— DANGEROUS @@ -89,7 +89,7 @@ Perform security analysis on specification and source code for the dashboard app console.log('User:', user); // May include sensitive data localStorage.setItem('apiKey', apiKey); // Exposed to XSS -// โœ“ SAFER +// SAFER console.log('User action completed'); // Generic log // Use HttpOnly cookies for tokens ``` @@ -118,7 +118,7 @@ catch (error) { alert(error.message); // May expose database schema } -// โœ“ SAFER +// SAFER catch (error) { console.error('Database error:', error); alert('An error occurred. Please try again.'); @@ -141,7 +141,7 @@ catch (error) { // โœ— DANGEROUS const API_KEY = "sk-abc123"; // Hardcoded -// โœ“ SAFER +// SAFER const API_KEY = process.env.REACT_APP_API_KEY; ``` @@ -159,27 +159,27 @@ const API_KEY = process.env.REACT_APP_API_KEY; ## Vulnerability Classification -### Critical โ›” +### Critical - SQL/XSS injection - Authentication bypass - Privilege escalation - Hardcoded secrets - Unencrypted sensitive data -### High โš ๏ธ +### High - Weak input validation - Inadequate access control - Missing rate limiting - Exposed sensitive errors - CSRF vulnerabilities -### Medium โšก +### Medium - Dependency vulnerabilities - Missing security headers - Weak error handling - Insufficient logging -### Low โ„น๏ธ +### Low - Security best practice deviations - Code quality improvements - Documentation gaps @@ -230,9 +230,9 @@ const API_KEY = process.env.REACT_APP_API_KEY; ``` ## Success Criteria -- โœ“ No critical vulnerabilities -- โœ“ No hardcoded secrets -- โœ“ Proper access controls -- โœ“ Secure error handling -- โœ“ Dependencies up to date -- โœ“ Security best practices followed +- No critical vulnerabilities +- No hardcoded secrets +- Proper access controls +- Secure error handling +- Dependencies up to date +- Security best practices followed diff --git a/custom-prompt/sample-dashboard/test.prompt.md b/prompt/sample-dashboard/test.prompt.md similarity index 95% rename from custom-prompt/sample-dashboard/test.prompt.md rename to prompt/sample-dashboard/test.prompt.md index 2e509e8..fe835e8 100644 --- a/custom-prompt/sample-dashboard/test.prompt.md +++ b/prompt/sample-dashboard/test.prompt.md @@ -152,9 +152,9 @@ npm run test:watch ``` ## Success Criteria -- โœ“ All acceptance criteria have tests -- โœ“ Test coverage > 80% -- โœ“ All tests pass -- โœ“ Tests run in < 10 seconds -- โœ“ No test warnings -- โœ“ Tests are maintainable and clear +- All acceptance criteria have tests +- Test coverage > 80% +- All tests pass +- Tests run in < 10 seconds +- No test warnings +- Tests are maintainable and clear From b92e2cedb57f4915de9351211a11c373f19bb8e3 Mon Sep 17 00:00:00 2001 From: KaviyaSF4835 Date: Wed, 18 Mar 2026 17:40:17 +0530 Subject: [PATCH 3/4] Changed folder naming --- {agent => agents}/README.md | 0 {agent => agents}/design/ui-desginer.agent.md | 0 {agent => agents}/design/ux-researcher.agent.md | 0 {agent => agents}/documentation/codebase-documenter.agent.md | 0 {agent => agents}/engineering/backend-architect.agent.md | 0 {agent => agents}/engineering/devops-automator.agent.md | 0 {agent => agents}/engineering/rapid-prototyper.agent.md | 0 {agent => agents}/engineering/test-writer.agent.md | 0 {agent => agents}/marketing/content-creator.agent.md | 0 {agent => agents}/testing/api-tester.agent.md | 0 {agent => agents}/testing/performance-benchmarker.agent.md | 0 {agent => agents}/testing/react/test-generator.agent.md | 0 {agent => agents}/testing/tool-evaluator.agent.md | 0 {prompt => prompts}/README.md | 0 {prompt => prompts}/sample-dashboard/compile.prompt.md | 0 {prompt => prompts}/sample-dashboard/dashboard.prompt.md | 0 {prompt => prompts}/sample-dashboard/full-workflow.prompt.md | 0 {prompt => prompts}/sample-dashboard/lint-spec.prompt.md | 0 {prompt => prompts}/sample-dashboard/review.prompt.md | 0 {prompt => prompts}/sample-dashboard/security.prompt.md | 0 {prompt => prompts}/sample-dashboard/test.prompt.md | 0 21 files changed, 0 insertions(+), 0 deletions(-) rename {agent => agents}/README.md (100%) rename {agent => agents}/design/ui-desginer.agent.md (100%) rename {agent => agents}/design/ux-researcher.agent.md (100%) rename {agent => agents}/documentation/codebase-documenter.agent.md (100%) rename {agent => agents}/engineering/backend-architect.agent.md (100%) rename {agent => agents}/engineering/devops-automator.agent.md (100%) rename {agent => agents}/engineering/rapid-prototyper.agent.md (100%) rename {agent => agents}/engineering/test-writer.agent.md (100%) rename {agent => agents}/marketing/content-creator.agent.md (100%) rename {agent => agents}/testing/api-tester.agent.md (100%) rename {agent => agents}/testing/performance-benchmarker.agent.md (100%) rename {agent => agents}/testing/react/test-generator.agent.md (100%) rename {agent => agents}/testing/tool-evaluator.agent.md (100%) rename {prompt => prompts}/README.md (100%) rename {prompt => prompts}/sample-dashboard/compile.prompt.md (100%) rename {prompt => prompts}/sample-dashboard/dashboard.prompt.md (100%) rename {prompt => prompts}/sample-dashboard/full-workflow.prompt.md (100%) rename {prompt => prompts}/sample-dashboard/lint-spec.prompt.md (100%) rename {prompt => prompts}/sample-dashboard/review.prompt.md (100%) rename {prompt => prompts}/sample-dashboard/security.prompt.md (100%) rename {prompt => prompts}/sample-dashboard/test.prompt.md (100%) diff --git a/agent/README.md b/agents/README.md similarity index 100% rename from agent/README.md rename to agents/README.md diff --git a/agent/design/ui-desginer.agent.md b/agents/design/ui-desginer.agent.md similarity index 100% rename from agent/design/ui-desginer.agent.md rename to agents/design/ui-desginer.agent.md diff --git a/agent/design/ux-researcher.agent.md b/agents/design/ux-researcher.agent.md similarity index 100% rename from agent/design/ux-researcher.agent.md rename to agents/design/ux-researcher.agent.md diff --git a/agent/documentation/codebase-documenter.agent.md b/agents/documentation/codebase-documenter.agent.md similarity index 100% rename from agent/documentation/codebase-documenter.agent.md rename to agents/documentation/codebase-documenter.agent.md diff --git a/agent/engineering/backend-architect.agent.md b/agents/engineering/backend-architect.agent.md similarity index 100% rename from agent/engineering/backend-architect.agent.md rename to agents/engineering/backend-architect.agent.md diff --git a/agent/engineering/devops-automator.agent.md b/agents/engineering/devops-automator.agent.md similarity index 100% rename from agent/engineering/devops-automator.agent.md rename to agents/engineering/devops-automator.agent.md diff --git a/agent/engineering/rapid-prototyper.agent.md b/agents/engineering/rapid-prototyper.agent.md similarity index 100% rename from agent/engineering/rapid-prototyper.agent.md rename to agents/engineering/rapid-prototyper.agent.md diff --git a/agent/engineering/test-writer.agent.md b/agents/engineering/test-writer.agent.md similarity index 100% rename from agent/engineering/test-writer.agent.md rename to agents/engineering/test-writer.agent.md diff --git a/agent/marketing/content-creator.agent.md b/agents/marketing/content-creator.agent.md similarity index 100% rename from agent/marketing/content-creator.agent.md rename to agents/marketing/content-creator.agent.md diff --git a/agent/testing/api-tester.agent.md b/agents/testing/api-tester.agent.md similarity index 100% rename from agent/testing/api-tester.agent.md rename to agents/testing/api-tester.agent.md diff --git a/agent/testing/performance-benchmarker.agent.md b/agents/testing/performance-benchmarker.agent.md similarity index 100% rename from agent/testing/performance-benchmarker.agent.md rename to agents/testing/performance-benchmarker.agent.md diff --git a/agent/testing/react/test-generator.agent.md b/agents/testing/react/test-generator.agent.md similarity index 100% rename from agent/testing/react/test-generator.agent.md rename to agents/testing/react/test-generator.agent.md diff --git a/agent/testing/tool-evaluator.agent.md b/agents/testing/tool-evaluator.agent.md similarity index 100% rename from agent/testing/tool-evaluator.agent.md rename to agents/testing/tool-evaluator.agent.md diff --git a/prompt/README.md b/prompts/README.md similarity index 100% rename from prompt/README.md rename to prompts/README.md diff --git a/prompt/sample-dashboard/compile.prompt.md b/prompts/sample-dashboard/compile.prompt.md similarity index 100% rename from prompt/sample-dashboard/compile.prompt.md rename to prompts/sample-dashboard/compile.prompt.md diff --git a/prompt/sample-dashboard/dashboard.prompt.md b/prompts/sample-dashboard/dashboard.prompt.md similarity index 100% rename from prompt/sample-dashboard/dashboard.prompt.md rename to prompts/sample-dashboard/dashboard.prompt.md diff --git a/prompt/sample-dashboard/full-workflow.prompt.md b/prompts/sample-dashboard/full-workflow.prompt.md similarity index 100% rename from prompt/sample-dashboard/full-workflow.prompt.md rename to prompts/sample-dashboard/full-workflow.prompt.md diff --git a/prompt/sample-dashboard/lint-spec.prompt.md b/prompts/sample-dashboard/lint-spec.prompt.md similarity index 100% rename from prompt/sample-dashboard/lint-spec.prompt.md rename to prompts/sample-dashboard/lint-spec.prompt.md diff --git a/prompt/sample-dashboard/review.prompt.md b/prompts/sample-dashboard/review.prompt.md similarity index 100% rename from prompt/sample-dashboard/review.prompt.md rename to prompts/sample-dashboard/review.prompt.md diff --git a/prompt/sample-dashboard/security.prompt.md b/prompts/sample-dashboard/security.prompt.md similarity index 100% rename from prompt/sample-dashboard/security.prompt.md rename to prompts/sample-dashboard/security.prompt.md diff --git a/prompt/sample-dashboard/test.prompt.md b/prompts/sample-dashboard/test.prompt.md similarity index 100% rename from prompt/sample-dashboard/test.prompt.md rename to prompts/sample-dashboard/test.prompt.md From 6536af624c71cedf3092ec8cefe64a54b4729eb7 Mon Sep 17 00:00:00 2001 From: KaviyaSF4835 Date: Wed, 18 Mar 2026 17:44:16 +0530 Subject: [PATCH 4/4] Changed naming in readme --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index cbd5ee0..01cbf0d 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,7 @@ This library provides ready-to-use agents and prompts that extend the capabiliti ## ๐Ÿ“ Repository Structure -### Custom Agents (`/custom-agent`) +### Custom Agents (`/agents`) Pre-configured intelligent agents organized by domain: - **Design**: UI Designer, UX Researcher @@ -22,7 +22,7 @@ Pre-configured intelligent agents organized by domain: - **Marketing**: Content Creator - **Testing**: API Tester, Performance Benchmarker, Tool Evaluator, React Test Generator -### Custom Prompts (`/custom-prompt`) +### Custom Prompts (`/prompts`) Pre-built prompts and workflows for specific use cases: - Sample Dashboard workflows (compilation, linting, security, testing, reviews)